@extends(\Auth::user()->role != 10 ? 'layout' : 'layoutfrontdesk')

@section('title', 'Running Audit')

@section('css')
<style type="text/css">
	.datatable-column-width{
		overflow: hidden; text-overflow: ellipsis; max-width: 200px;
	}

	.small, small {
		font-size: 100% !important
	}
</style>
@endsection

@section('content')

	<!-- Page header -->
	<div class="page-header {{in_array(\Auth::user()->role, [1,2]) ? 'page-header-light' : ''}}">
		<div class="page-header-content header-elements-md-inline">
			<div class="page-title d-flex">
				<h4>  <span class="font-weight-semibold">Running Audit</span></h4>
				<a href="#" class="header-elements-toggle text-default d-md-none"><i class="icon-more"></i></a>
			</div>
			<div class="float-right p-1 ">
                <a href="{{url('history-running-audit')}}" class="btn btn-light">
                    <i class="icon-history"></i>&nbsp;History Running Audit
                </a>
			</div>
		</div>
	</div>
	<!-- /page header -->

	<!-- Content area -->
	<div class="content">

		<!-- Hover rows -->
		<!-- AUDIT -->
		<div class="card">
			<div class="card-body px-3">
				<div class="row">
					<div class="col-md-12">
						<div class="alert alert-secondary text-center mb-2 p-1" role="alert">
							<h4 class="font-weight-bold m-0">AUDIT</h4>
						</div>
					</div>
				</div>
				<div id="accordion-group">
					<div class="card mb-0 rounded-bottom-0">
						<div class="card-header">
							<h6 class="card-title">
								<a data-toggle="collapse" href="#check-restaurant-bill"><i class="fas fa-chevron-circle-down"></i> Check Restaurant Bill</a>
							</h6>
						</div>

						<div id="check-restaurant-bill" class="collapse" data-parent="#accordion-group">
							<div class="card-body">
								<a href="{{url('check-outlet-bill')}}" target="_blank" class="btn btn-danger">
									<i class="far fa-file-pdf"></i>&nbsp;Download PDF
								</a>
								<a href="{{url('check-outlet-bill-export')}}" class="btn btn-success">
									<i class="far fa-file-excel"></i>&nbsp;Download Excel
								</a>
							</div>
						</div>
					</div>

					<div class="card mb-0 rounded-0 border-y-0">
						<div class="card-header">
							<h6 class="card-title">
								<a class="collapsed"
								   data-toggle="collapse"
								   href="#check-fo-transaction"
								>
									<i class="fas fa-chevron-circle-down"></i> Check FO Transaction
								</a>
							</h6>
						</div>

						<div id="check-fo-transaction" class="collapse" data-parent="#accordion-group">
							<div class="card-body form-inline">
								<form method="post" target="_blank">
									@csrf
									<span>Payment Method: </span>
									<select name="metode_pembayaran"
											id="metode_pembayaran"
											class="form-control"
									>
									<option value="">** All Payment Method **</option>
									@foreach(config('custom.jenis_pembayaran') as $key => $value)
										<option value="{{$key}}_1">{{$value}}</option>
									@endforeach
									</select>
									&nbsp;
									<input type="hidden" name="periode_transaksi" id="periode_transaksi" value="{{getSystemDate()}} - {{getSystemDate()}}" required>
									<button type="submit" class="btn btn-danger" formaction="{{url('fo-transaction')}}">
										<i class="far fa-file-pdf"></i>&nbsp;Download PDF
									</button>
									<button type="submit" class="btn btn-success" formaction="{{url('export-fo-transaction')}}">
										<i class="far fa-file-excel"></i>&nbsp;Download Excel
									</button>
								</form>
							</div>
						</div>
					</div>

					<div class="card mb-0 rounded-0 border-bottom-0">
						<div class="card-header">
							<h6 class="card-title">
								<a class="collapsed text-primary"
								   data-toggle="collapse"
								   href="#check-opened-masterbill"
								>
									<i class="fas fa-chevron-circle-down"></i> Check Opened Guest Bill
								</a>
							</h6>
						</div>

						<div id="check-opened-masterbill" class="collapse" data-parent="#accordion-group">
							<div class="card-body">
								<button class="btn btn-success mb-1" id="h-fill-basic-start-opened-masterbill"><i class="fas fa-clipboard-check"></i>&nbsp;&nbsp;Check Data</button>
								<div class="row" id="progress-bar-opened-masterbill" style="display:none">
									<div class="col-md-12">
										<div class="progress mb-3" id="h-fill-basic-opened-masterbill">
											<div class="progress-bar" data-transitiongoal-backup="100" data-transitiongoal="5" style="width: 0%">
												<span class="sr-only">0%</span>
											</div>
										</div>
									</div>
								</div>
								<div class="row">
									<div class="col-md-12" id="report-success-opened-masterbill">

									</div>
								</div>
								<table class="table table-striped table-hover">
									<thead>
										<tr>
											<th>#</th>
											<th>Date</th>
											<th>Data</th>
										</tr>
									</thead>
									<tbody id="data-warning-opened-masterbill">
										<tr>
											<td colspan="4" class="text-center">
												<h4>No data to review</h4>
											</td>
										</tr>
									</tbody>
								</table>
							</div>
						</div>
					</div>

					<div class="card mb-0 rounded-0 border-bottom-0">
						<div class="card-header">
							<h6 class="card-title">
								<a class="collapsed text-primary" data-toggle="collapse" href="#check-nationality"><i class="fas fa-chevron-circle-down"></i> Check Nationality & Country</a>
							</h6>
						</div>

						<div id="check-nationality" class="collapse" data-parent="#accordion-group">
							<div class="card-body">
								<button class="btn btn-success mb-1" id="h-fill-basic-start-nationality"><i class="fas fa-clipboard-check"></i>&nbsp;&nbsp;Check Data</button>
								<div class="row" id="progress-bar-nationality" style="display:none">
									<div class="col-md-12">
										<div class="progress mb-3" id="h-fill-basic-nationality">
											<div class="progress-bar" data-transitiongoal-backup="100" data-transitiongoal="5" style="width: 0%">
												<span class="sr-only">0%</span>
											</div>
										</div>
									</div>
								</div>
								<div class="row">
									<div class="col-md-12" id="report-success-nationality">

									</div>
								</div>
								<table class="table table-striped table-hover">
									<thead>
										<tr>
											<th>#</th>
											<th>Date</th>
											<th>Data</th>
										</tr>
									</thead>
									<tbody id="data-warning-nationality">
										<tr>
											<td colspan="4" class="text-center">
												<h4>No data to review</h4>
											</td>
										</tr>
									</tbody>
								</table>
							</div>
						</div>
					</div>

					{{--
						<div class="card mb-0 rounded-0 border-bottom-0">
							<div class="card-header">
								<h6 class="card-title">
									<a class="collapsed" data-toggle="collapse" href="#check-segment-code"><i class="fas fa-chevron-circle-down"></i> Check Segment Code (WIG, House Use, Complimentary) Tamu In House Hari Ini</a>
								</h6>
							</div>

							<div id="check-segment-code" class="collapse" data-parent="#accordion-group">
								<div class="card-body">
									<a href="{{url('check-segment')}}" target="_blank" class="btn btn-danger">
										<i class="far fa-file-pdf"></i>&nbsp;Download PDF
									</a>
									<a href="{{url('check-segment-export')}}" class="btn btn-success" download><i class="far fa-file-excel"></i>&nbsp;Download Excel</a>
								</div>
							</div>
						</div>
					--}}

					<div class="card mb-0 rounded-0 border-bottom-0">
						<div class="card-header">
							<h6 class="card-title">
								<a class="collapsed" data-toggle="collapse" href="#check-arrival-reservation-list"><i class="fas fa-chevron-circle-down"></i> Check Arrival Reservation List</a>
							</h6>
						</div>

						<div id="check-arrival-reservation-list" class="collapse" data-parent="#accordion-group">
							<div class="card-body">
								<button class="btn btn-success mb-1" id="h-fill-basic-start-arrival"><i class="fas fa-clipboard-check"></i>&nbsp;&nbsp;Check Data</button>
								<div class="row" id="progress-bar-arrival" style="display:none">
									<div class="col-md-12">
										<div class="progress mb-3" id="h-fill-basic-arrival">
											<div class="progress-bar" data-transitiongoal-backup="100" data-transitiongoal="5" style="width: 0%">
												<span class="sr-only">0%</span>
											</div>
										</div>
									</div>
								</div>
								<div class="row">
									<div class="col-md-12" id="report-success-arrival">

									</div>
								</div>
								<table class="table table-striped table-hover">
									<thead>
										<tr>
											<th>#</th>
											<th>Date</th>
											<th>Data</th>
										</tr>
									</thead>
									<tbody id="data-warning-arrival">
										<tr>
											<td colspan="4" class="text-center">
												<h4>No data to review</h4>
											</td>
										</tr>
									</tbody>
								</table>
							</div>
						</div>
					</div>

					<div class="card mb-0 rounded-0 border-bottom-0">
						<div class="card-header">
							<h6 class="card-title">
								<a class="collapsed" data-toggle="collapse" href="#inhouse-guestlist"><i class="fas fa-chevron-circle-down"></i> In House Guest List</a>
							</h6>
						</div>

						<div id="inhouse-guestlist" class="collapse" data-parent="#accordion-group">
							<div class="card-body">
								{{-- <a href="{{url('inhouse-guestlist')}}" target="_blank" class="btn btn-danger">
									<i class="far fa-file-pdf"></i>&nbsp;Download PDF
								</a>
								<a href="{{url('inhouse-guestlist-export')}}" class="btn btn-success" download><i class="far fa-file-excel"></i>&nbsp;Download Excel</a> --}}
                                {{-- <a href="{{url('/running-audit/in-house-guest-list-report')}}" target="_blank">
									In House Guest List Report&nbsp;&nbsp;<small><i class="fas fa-external-link-alt"></i></small>
								</a> --}}
                                <a href="{{url('running-audit/in-house-guest-list')}}" target="_blank"><button type="button" class="btn btn-primary btn-icon">In House Guest List Report&nbsp;&nbsp;<small><i class="fas fa-external-link-alt"></i></button></a>
							</div>
						</div>
					</div>

                    {{-- <!--Walkin List-->
                    <div class="card mb-0 rounded-0 border-bottom-0">
						<div class="card-header">
							<h6 class="card-title">
								<a class="collapsed" data-toggle="collapse" href="#walkin-list"><i class="fas fa-chevron-circle-down"></i> Walkin List</a>
							</h6>
						</div>

						<div id="walkin-list" class="collapse" data-parent="#accordion-group">
							<div class="card-body">
                                <a href="{{url('walkin-list-view')}}" target="_blank"><button type="button" class="btn btn-primary btn-icon">Walkin List &nbsp;<small><i class="fas fa-external-link-alt"></i></button></a>
							</div>
						</div>
					</div>
                     <!--Walkin List--> --}}

                    <!--Compliment Guest List-->
                    {{-- <div class="card mb-0 rounded-0 border-bottom-0">
						<div class="card-header">
							<h6 class="card-title">
								<a class="collapsed" data-toggle="collapse" href="#compliment-guest-list"><i class="fas fa-chevron-circle-down"></i> Compliment Guest List</a>
							</h6>
						</div>

						<div id="compliment-guest-list" class="collapse" data-parent="#accordion-group">
							<div class="card-body">
                                <a href="{{url('compliment-guest-list-view')}}" target="_blank"><button type="button" class="btn btn-primary btn-icon">Compliment Guest List &nbsp;<small><i class="fas fa-external-link-alt"></i></button></a>
							</div>
						</div>
					</div> --}}
                     <!--Compliment Guest List-->

					<div class="card rounded-0 border-bottom-0 mb-0">
						<div class="card-header">
							<h6 class="card-title">
								<a class="collapsed" data-toggle="collapse" href="#night-audit"><i class="fas fa-chevron-circle-down"></i> Night Audit</a>
							</h6>
						</div>

						<div id="night-audit" class="collapse" data-parent="#accordion-group">
							<div class="card-body">
								<button class="btn btn-success mb-1" id="h-fill-basic-start" onclick="starRunAudit(0)"><i class="fas fa-clipboard-check"></i>&nbsp;&nbsp;Run Night Audit</button>
								<div class="row" id="progress-bar" style="display:none">
									<div class="col-md-12">
										<div class="progress mb-3" id="h-fill-basic">
											<div class="progress-bar" data-transitiongoal-backup="100" data-transitiongoal="5" style="width: 0%">
												<span class="sr-only">0%</span>
											</div>
										</div>
									</div>
								</div>
								<div class="row">
									<div class="col-md-12" id="report-success">

									</div>
								</div>
								<table class="table table-striped table-hover">
									<thead>
										<tr>
											<th>#</th>
											<th>Date</th>
											<th>Data</th>
										</tr>
									</thead>
									<tbody id="data-warning">
										<tr>
											<td colspan="4" class="text-center">
												<h4>No data to review</h4>
											</td>
										</tr>
									</tbody>
								</table>
							</div>
						</div>
					</div>

					{{--
						<div class="card rounded-top-0">
							<div class="card-header">
								<h6 class="card-title">
									<a class="collapsed" data-toggle="collapse" href="#hotcom"><i class="fas fa-chevron-circle-down"></i> HotCom</a>
								</h6>
							</div>

							<div id="hotcom" class="collapse" data-parent="#accordion-group">
								<div class="card-body">
	                                <a href="{{route('hotcom.index')}}" target="_blank"><button type="button" class="btn btn-primary btn-icon">HotCom&nbsp;&nbsp;<small><i class="fas fa-external-link-alt"></i></button></a>
								</div>
							</div>
						</div>
					--}}

				</div>

			</div>
		</div>
		<!-- /hover rows -->

	</div>
	<!-- /content area -->

    <!--MODAL CHANGE ROOM-->
    <div id="modalexpiredroomlist" class="modal fade">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header bg-warning" align="center">
                    <h6 class="modal-title">Alert!</h6>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                </div>


                <div class="modal-body">
                    <div>
                        <div class="col-md-12 mt-2">
                            <div class="alert alert-warning text-center mb-2" role="alert">
                                Please check again. The following room availability is in accordance with the deadline. Click Next Date to change the date and automatically change the room status.
                            </div>
                        </div>
                    </div>
                    <table class="table table-striped table-hover">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Room</th>
                                <th>Status</th>
                                <th>Expired</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody id="label_current_room">
                            <tr>
                                <td colspan="4" class="text-center">
                                    <h4>No data to rooms</h4>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-danger" onclick="starRunAudit(1)">Next Date</button>
                </div>

            </div>
        </div>
    </div>
    <!--/MODAL-->

@endsection

@section('js')
	<!-- Theme JS files -->
	<script src="{{asset('global_assets/js/plugins/notifications/pnotify.min.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/notifications/bootbox.min.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/tables/datatables/datatables.min.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/forms/selects/select2.min.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/buttons/spin.min.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/buttons/ladda.min.js')}}"></script>
    <script src="{{asset('global_assets/js/plugins/media/fancybox.min.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/forms/styling/uniform.min.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/loaders/blockui.min.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/loaders/progressbar.min.js')}}"></script>

	<!-- JS Date Picker -->
	<!-- <script src="{{asset('/')}}/global_assets/js/plugins/ui/moment/moment.min.js"></script>
	<script src="{{asset('/')}}/global_assets/js/plugins/pickers/daterangepicker.js"></script>
	<script src="{{asset('/')}}/global_assets/js/plugins/pickers/anytime.min.js"></script>
	<script src="{{asset('/')}}/global_assets/js/plugins/pickers/pickadate/picker.js"></script>
	<script src="{{asset('/')}}/global_assets/js/plugins/pickers/pickadate/picker.date.js"></script>
	<script src="{{asset('/')}}/global_assets/js/plugins/pickers/pickadate/picker.time.js"></script>
	<script src="{{asset('/')}}/global_assets/js/plugins/pickers/pickadate/legacy.js"></script> -->
	<script src="{{asset('/')}}/global_assets/js/plugins/notifications/jgrowl.min.js"></script>

	<script src="{{asset('assets/js/app.js')}}"></script>
	<script src="{{asset('global_assets/js/demo_pages/components_modals.js')}}"></script>
	<script src="{{asset('global_assets/js/demo_pages/gallery_library.js')}}"></script>
	<script>
    let datesystem_now =  {!! json_encode($datesystem_now) !!};
	//Pilih Periode
	// $('#periode_transaksi').daterangepicker({
	// 	applyClass: 'btn-primary',
	// 	cancelClass: 'btn-light',
	// 	locale: {
	// 	  format: 'YYYY-MM-DD'
	// 	}
	// });

	/* Running Audit */
	// $('#h-fill-basic-start').on('click', function() {
    function starRunAudit(tipetombol){
        $('#modalexpiredroomlist').modal('hide')
        $('#button-next-date').prop('disabled', true)
        var this_tombol = tipetombol ?? 0
        // blank_data =    `<tr>
        //                     <td colspan="4" class="text-center">
        //                         <button class="btn btn-success mb-1" onclick="nextDate()"><i class="fas fa-clipboard-check"></i>&nbsp;&nbsp;Next Date</button>
        //                     </td>
        //                 </tr>`;
        // $('#data-warning').html(blank_data);
        // console.log(this_tombol)
        // return true
		var confirm = bootbox.confirm({
			// title: 'Peringatan!',
			title: 'Alert!',
			// message: 'Apakah Anda yakin akan melakukan running Audit?',
			message: tipetombol == 1 ? 'Last confirmation, Are you sure want Running Audit?' : 'Are you sure want Running Audit?',
			buttons: {
				confirm: {
					label: 'Yes',
					className: 'btn-primary'
				},
				cancel: {
					label: 'Cancel',
					className: 'btn-link'
				}
			},
			callback: function (result) {
				if(result){
					$.ajax({
						url: "{{ url('running-audit-run') }}",
						method: "POST",
                        data: {  _token:'{{csrf_token()}}', 'tombol_tipe':tipetombol, 'datesystem_now':datesystem_now },
                        error: err=>{
                            console.error(err)
                            alert("error on run")
                        },
						beforeSend:function()
						{
							$('#progress-bar').show();
							$('#h-fill-basic-start').prop('disabled', true);

							var $pb = $('#h-fill-basic .progress-bar');
							$pb.attr('data-transitiongoal', 5);
							$pb.progressbar({display_text: 'fill'});

                            var percentage = 0;
							var timer = setInterval(function(){
                                // var session = {!! json_encode(Session::get("progress")) !!}
                                $.ajax({
                                    type: "get",
                                    url: "{{url('running-audit-progress')}}",
                                    dataType: "json",
                                    success: function (response) {
                                        console.log(response)
                                        var session = response;
                                        if (tipetombol == 1) {
                                            percentage = session * (100/16);
                                        }else{
                                            percentage = session * (100/4);
                                        }
                                        data =[];
                                        progress_bar_process(data, percentage, timer);
                                    },
                                    error: err=>{
                                        clearInterval(timer);
                                        console.error(err)
                                        alert("error on loading")
                                    },
                                });
							}, 1000);
                            globaltimer = timer;
                            blockUI()
						},
						success:function(data)
						{
							// var percentage = 5;
							// var timer = setInterval(function(){
							//    percentage = percentage + 20;
							//    progress_bar_process(data, globalprogress, globaltimer);
							// }, 1000);

							let nomor = 1;

							let record_booking = '';
                            if(data.checking_status == 0){
								let data_cancel_need = data.need_cancel;
								$.each(data_cancel_need, function(key, need_cancel){
                                    record_booking += `<tr><td>${nomor}</td><td>{{formatDate(getSystemDate())}}</td><td class="text-danger">Data Booking <a href="{{url('bookings')}}/${need_cancel.id}/edit">${need_cancel.kode_booking}</a> Need to Cancel Reservation (Already cancelled from OTA)</td></tr>`;
									nomor++;
								});
							}

							if(data.checking_status == 0){
								let bookings = data.bookings;
								$.each(bookings, function(key, booking){
									record_booking += `<tr><td>${nomor}</td><td>{{formatDate(getSystemDate())}}</td><td class="text-danger">Data Booking <a href="{{url('bookings')}}/${booking.id}/edit">${booking.kode_booking}</a> Not Complete</td></tr>`;
									nomor++;
								});
							}

							let record_deposit = '';
							if(data.checking_status == 0){
								let deposits = data.deposits;
								$.each(deposits, function(key, deposit){
									console.log(deposit.booking);
									record_deposit += `<tr><td>${nomor}</td><td>{{formatDate(getSystemDate())}}</td><td class="text-danger">Data Deposit <a href="{{url('invoice-draft')}}/${deposit.invoice_id}">${deposit.invoice.no_invoice}</a> Not Complete</td></tr>`;
									nomor++;
								});
							}

							let record_shop = '';
							if(data.checking_status == 0){
								let shops = data.guestbill_shops;
								$.each(shops, function(key, shop){
									record_shop += `<tr><td>${nomor}</td><td>{{formatDate(getSystemDate())}}</td><td class="text-danger">Data Transaksi Shop <a href="{{url('invoice-draft')}}/${shop.invoice_id}">Kamar No. ${shop.kamar.no_kamar}</a> Not Complete</td></tr>`;
									nomor++;
								});
							}

							let record_need_checkin = ''
							if(data.checking_status == 0){
								let need_checkins = data.need_checkins;
								$.each(need_checkins, function(key, need_checkin){
									record_need_checkin += `<tr><td>${nomor}</td><td>{{formatDate(getSystemDate())}}</td><td class="text-danger">Data Booking <a href="{{url('bookings')}}/${need_checkin.id}/edit">${need_checkin.kode_booking}</a> Haven't Checkin / Cancel</td></tr>`;
									nomor++;
								});
							}

							let record_need_checkout = ''
							if(data.checking_status == 0){
								let need_checkouts = data.need_checkouts;
								$.each(need_checkouts, function(key, need_checkout){
									record_need_checkout += `<tr><td>${nomor}</td><td>{{formatDate(getSystemDate())}}</td><td class="text-danger">Data Booking <a href="{{url('bookings')}}/${need_checkout.id}/edit">${need_checkout.kode_booking}</a> Haven't Checkout</td></tr>`;
									nomor++;
								});
							}

                            let record_shops = ''
							if(data.checking_status == 0){
								let shops = data.shops;
								$.each(shops, function(key, shop){
									record_shops += `<tr><td>${nomor}</td><td>{{formatDate(getSystemDate())}}</td><td class="text-danger">Opened Cart on POS <a href="{{url('index-pos')}}?s=${shop.shop_id}&c=${shop.id}&t=${shop.table_id}">${shop.nama_pelanggan}</a> Haven't Closed, need to finish this date</td></tr>`;
									nomor++;
								});
							}

                            let record_coa_missing = '';
                            if(data.missing_coa == 1){
                                record_coa_missing += `<tr><td>${nomor}</td><td>{{formatDate(getSystemDate())}}</td><td class="text-danger">COA AR GUEST LEDGER not available <a href="{{url('setting-coa-default')}}">assign here</a></td></tr>`;
                                nomor++;
							}

							let datas = record_booking+record_deposit+record_shop+record_need_checkin+record_need_checkout+record_coa_missing+record_shops;
							// let datas = record_booking+record_deposit+record_need_checkin+record_need_checkout;
							let blank_data = `<tr>
												<td colspan="4" class="text-center">
													<h4>No data to review</h4>
												</td>
											  </tr>`;

                            if (data.tombol_tipe) {
                                blank_data = `<tr>
                                                <td colspan="4" class="text-center">
                                                    <button class="btn btn-success mb-1" onclick="nextDate()" id="button-next-date" disabled><i class="fas fa-clipboard-check"></i>&nbsp;&nbsp;Next Date</button>
                                                </td>
                                            </tr>`;
                                if (!data.date_status_now) {
                                    blank_data = `<tr>
                                                <td colspan="4" class="text-center">
                                                    <h4>Can't Running Audit to Next date, cause date system and real time date equal!</h4>
                                                </td>
                                            </tr>`;
                                }
                            }

                            if (data.status_run) {
                                blank_data = `<tr>
                                            <td colspan="4" class="text-center">
                                                <h4>Run night audit still on progress please wait!</h4>
                                            </td>
                                        </tr>`;

                                    new PNotify({
                                        title: 'Error',
                                        text: 'Run night audit still on progress please wait!',
                                        icon: 'icon-blocked',
                                        type: 'error'
                                    });
                            }

                            if (data.need_refr) {
                                blank_data = `<tr>
                                            <td colspan="4" class="text-center">
                                                <h4>Datesystem now mismatch with database, please refresh page first!</h4>
                                            </td>
                                        </tr>`;

                                    new PNotify({
                                        title: 'Error',
                                        text: 'Datesystem now mismatch with database, please refresh page first!',
                                        icon: 'icon-blocked',
                                        type: 'error'
                                    });
                            }

							if(datas == ""){
								$('#data-warning').html(blank_data);
							}
							else{
								$('#data-warning').html(datas);
							}

							//Update system_date
							$('#backdate_field').val(moment(data.system_date).format('DD-MM-YYYY'));
							$('#date_system_fo').html(moment(data.system_date).format('DD-MM-YYYY'));

                            if (!data.need_refr) {
                                datesystem_now = moment(data.system_date).format('YYYY-MM-DD')
                            }

						}
					})
				}
			},
		});

		confirm.init(function(){
			$('.modal-header').addClass('bg-danger');
			$('.modal-body').addClass('text-center font-weight-bold');
		});
    }
    // });

    function nextDate() {
        $.ajax({
            type: "get",
            url: "{{url('check-expired-room-deadline')}}",
            dataType: "json",
            success: function (res) {
                if (res.length > 0) {
                    var html_modal = ``;
                        $.each(res, function (i, v) {
                            html_modal +=   `<tr>
                                                <td>${i+1}</td>
                                                <td>${v.no_kamar}</td>
                                                <td>${v.status}</td>
                                                <td>${v.tanggal_deadline}</td>
                                                <td><a href="{{url('kamars/${v.id}/edit')}}"><button type="button" class="btn btn-primary">Go Page</button></a></td>
                                            </tr>`
                        });
                    $('#label_current_room').html(html_modal);
                    $('#modalexpiredroomlist').modal('show')
                }else{
                    var confirm = bootbox.confirm({
                    	// title: 'Peringatan!',
                    	title: 'Alert!',
                    	// message: 'Apakah Anda yakin akan melakukan running Audit?',
                    	message: 'Are you sure want change to next system date?',
                    	buttons: {
                    		confirm: {
                    			label: 'Yes',
                    			className: 'btn-primary'
                    		},
                    		cancel: {
                    			label: 'Cancel',
                    			className: 'btn-link'
                    		}
                    	},
                        callback: function (result) {
                            if(result){
                                starRunAudit(1)
                            }
                        }
                    });
                    confirm.init(function(){
                    	$('.modal-header').addClass('bg-danger');
                    	$('.modal-body').addClass('text-center font-weight-bold');
                    });
                }
            }
        });

    }

	//Progress Bar Process
	function progress_bar_process(data, percentage, timer)
	{
		var $pb = $('#h-fill-basic .progress-bar');
        $pb.attr('data-transitiongoal', percentage);
        $pb.progressbar({display_text: 'fill'});

		if(percentage >= 100)
		{
			clearInterval(timer);
			setTimeout(function(){
				$('#h-fill-basic-start').prop('disabled', false);
                $('#button-next-date').prop('disabled', false)
				$('#progress-bar').hide();
				$pb.attr('data-transitiongoal', 0);
		        $pb.progressbar({display_text: 'fill'});
			 	// $('#success_message').html('');
			}, 5000);

			if(data.checking_status == 1){
				let data_count = data.bookings.length + data.deposits.length + data.shops.length;
				let report_success = `<div class="alert alert-success alert-styled-left alert-arrow-left alert-dismissible">
										<button type="button" class="close" data-dismiss="alert"><span>×</span></button>
										<span class="font-weight-semibold">Success!</span> ${data_count} data pass running Audit.
									  </div>`;
				$('#report-success').html(report_success);
			}
            setTimeout(() => {
                $('.navbar-atas').unblock()
                $('.sidebar-main').unblock()
            }, 5000);
		}
	}

	/* Check Arrival */
	$('#h-fill-basic-start-arrival').on('click', function() {
		$.ajax({
			url: "{{ url('check-arrival') }}",
			method: "GET",
			beforeSend:function()
			{
				$('#progress-bar-arrival').show();
				$('#h-fill-basic-start-arrival').prop('disabled', true);

				var $pb = $('#h-fill-basic-arrival .progress-bar');
				$pb.attr('data-transitiongoal', 5);
				$pb.progressbar({display_text: 'fill'});
			},
			success:function(data)
			{
				var percentage = 5;
				var timer = setInterval(function(){
				   percentage = percentage + 20;
				   progress_bar_arrival(data, percentage, timer);
				}, 1000);

				let nomor = 1;

				let record_need_checkin = ''
				let need_checkins = data.need_checkins;
				$.each(need_checkins, function(key, need_checkin){
					record_need_checkin += `<tr><td>${nomor}</td><td>{{formatDate(getSystemDate())}}</td><td class="text-danger">Data Booking <a href="{{url('bookings')}}/${need_checkin.id}/edit">${need_checkin.kode_booking}</a> Belum Checkin / Cancel</td></tr>`;
					nomor++;
				});

				let record_need_checkout = ''
				// let need_checkouts = data.need_checkouts;
				// $.each(need_checkouts, function(key, need_checkout){
				// 	record_need_checkout += `<tr><td>${nomor}</td><td>{{getSystemDate()}}</td><td class="text-danger">Data Booking <a href="{{url('bookings')}}/${need_checkout.id}/edit" target="_blank">${need_checkout.kode_booking}</a> Sudah Checkin</td></tr>`;
				// 	nomor++;
				// });

				let datas = record_need_checkin+record_need_checkout;
				let blank_data = `<tr>
									<td colspan="4" class="text-center">
										<h4>No data to review</h4>
									</td>
								  </tr>`;

				if(datas == ""){
					$('#data-warning-arrival').html(blank_data);
				}
				else{
					$('#data-warning-arrival').html(datas);
				}
			}
		})
    });

	//Progress Bar Process
	function progress_bar_arrival(data, percentage, timer)
	{
		var $pb = $('#h-fill-basic-arrival .progress-bar');
        $pb.attr('data-transitiongoal', percentage);
        $pb.progressbar({display_text: 'fill'});

		if(percentage > 100)
		{
			clearInterval(timer);
			setTimeout(function(){
				$('#h-fill-basic-start-arrival').prop('disabled', false);
				$('#progress-bar-arrival').hide();
				$pb.attr('data-transitiongoal', 0);
		        $pb.progressbar({display_text: 'fill'});
			 	// $('#success_message').html('');
			}, 5000);

			if(data.checking_status == 1){
				let data_count = data.bookings.length + data.deposits.length + data.shops.length;
				let report_success = `<div class="alert alert-success alert-styled-left alert-arrow-left alert-dismissible">
										<button type="button" class="close" data-dismiss="alert"><span>×</span></button>
										<span class="font-weight-semibold">Success!</span> ${data_count} data pass running Audit.
									  </div>`;
				$('#report-success-arrival').html(report_success);
			}
		}
	}

	/* Check Nationality */
	$('#h-fill-basic-start-nationality').on('click', function() {
		$.ajax({
			url: "{{ url('check-nationality') }}",
			method: "GET",
			beforeSend:function()
			{
				$('#progress-bar-nationality').show();
				$('#h-fill-basic-start-nationality').prop('disabled', true);

				var $pb = $('#h-fill-basic-nationality .progress-bar');
				$pb.attr('data-transitiongoal', 5);
				$pb.progressbar({display_text: 'fill'});
			},
			success:function(data)
			{
				var percentage = 5;
				var timer = setInterval(function(){
				   percentage = percentage + 20;
				   progress_bar_nationality(data, percentage, timer);
				}, 1000);

				let nomor = 1;

				let record_no_nationalities = ''
				let no_nationalities = data.no_nationalities;
				$.each(no_nationalities, function(key, no_nationalities){
					record_no_nationalities += `<tr><td>${nomor}</td><td>{{formatDate(getSystemDate())}}</td><td class="text-danger">Data Booking <a href="{{url('bookings')}}/${no_nationalities.id}/edit">${no_nationalities.kode_booking}</a> Nationality Belum Lengkap</td></tr>`;
					nomor++;
				});

				let datas = record_no_nationalities;
				let blank_data = `<tr>
									<td colspan="4" class="text-center">
										<h4>No data to review</h4>
									</td>
								  </tr>`;

				if(datas == ""){
					$('#data-warning-nationality').html(blank_data);
				}
				else{
					$('#data-warning-nationality').html(datas);
				}
			}
		})
    });

	//Progress Bar Process
	function progress_bar_nationality(data, percentage, timer)
	{
		var $pb = $('#h-fill-basic-nationality .progress-bar');
        $pb.attr('data-transitiongoal', percentage);
        $pb.progressbar({display_text: 'fill'});

		if(percentage > 100)
		{
			clearInterval(timer);
			setTimeout(function(){
				$('#h-fill-basic-start-nationality').prop('disabled', false);
				$('#progress-bar-nationality').hide();
				$pb.attr('data-transitiongoal', 0);
		        $pb.progressbar({display_text: 'fill'});
			 	// $('#success_message').html('');
			}, 5000);
		}
	}

	/* Check Opened Masterbill */
	$('#h-fill-basic-start-opened-masterbill').on('click', function() {
		$.ajax({
			url: "{{ url('check-opened-masterbill') }}",
			method: "GET",
			beforeSend:function()
			{
				$('#progress-bar-opened-masterbill').show();
				$('#h-fill-basic-start-opened-masterbill').prop('disabled', true);

				var $pb = $('#h-fill-basic-opened-masterbill .progress-bar');
				$pb.attr('data-transitiongoal', 5);
				$pb.progressbar({display_text: 'fill'});
			},
			success:function(data)
			{
				console.log(data);
				var percentage = 5;
				var timer = setInterval(function(){
				   percentage = percentage + 20;
				   progress_bar_opened_masterbill(data, percentage, timer);
				}, 1000);

				let nomor = 1;

				let record_opened_masterbill = ''
				let opened_masterbills = data.invoices;
				$.each(opened_masterbills, function(key, opened_masterbill){
					record_opened_masterbill += `<tr>
													<td>${nomor}</td>
													<td>{{formatDate(getSystemDate())}}</td>
													<td class="text-danger">
													Invoice
													<a href="{{url('invoice-draft')}}/${opened_masterbill.id}">\
													${opened_masterbill.no_invoice} (${opened_masterbill.nama_pelanggan}) Opened
													</a></td></tr>`;
					nomor++;
				});

				let datas = record_opened_masterbill;
				let blank_data = `<tr>
									<td colspan="4" class="text-center">
										<h4>No data to review</h4>
									</td>
								  </tr>`;

				if(datas == ""){
					$('#data-warning-opened-masterbill').html(blank_data);
				}
				else{
					$('#data-warning-opened-masterbill').html(datas);
				}
			}
		})
    });

	//Progress Bar Process
	function progress_bar_opened_masterbill(data, percentage, timer)
	{
		var $pb = $('#h-fill-basic-opened-masterbill .progress-bar');
        $pb.attr('data-transitiongoal', percentage);
        $pb.progressbar({display_text: 'fill'});

		if(percentage > 100)
		{
			clearInterval(timer);
			setTimeout(function(){
				$('#h-fill-basic-start-opened-masterbill').prop('disabled', false);
				$('#progress-bar-opened-masterbill').hide();
				$pb.attr('data-transitiongoal', 0);
		        $pb.progressbar({display_text: 'fill'});
			}, 5000);
		}
	}

	var DatatableBasic = function() {

	    // Basic Datatable examples
	    var _componentDatatableBasic = function() {
	        if (!$().DataTable) {
	            console.warn('Warning - datatables.min.js is not loaded.');
	            return;
	        }

	        // Setting datatable defaults
	        $.extend( $.fn.dataTable.defaults, {
	            autoWidth: false,
	            columnDefs: [{
	                orderable: false,
	                width: 150,
	                targets: [ 5 ]
	            }],
	            dom: '<"datatable-header"fl><"datatable-scroll"t><"datatable-footer"ip>',
	            language: {
	                search: '<span>Filter:</span> _INPUT_',
	                searchPlaceholder: 'Type to filter...',
	                lengthMenu: '<span>Show:</span> _MENU_',
	                paginate: { 'first': 'First', 'last': 'Last', 'next': $('html').attr('dir') == 'rtl' ? '&larr;' : '&rarr;', 'previous': $('html').attr('dir') == 'rtl' ? '&rarr;' : '&larr;' }
	            }
	        });

	        // Basic datatable
	        $('.datatable-basic').DataTable();

	        // Alternative pagination
	        $('.datatable-pagination').DataTable({
	            pagingType: "simple",
	            language: {
	                paginate: {'next': $('html').attr('dir') == 'rtl' ? 'Next &larr;' : 'Next &rarr;', 'previous': $('html').attr('dir') == 'rtl' ? '&rarr; Prev' : '&larr; Prev'}
	            }
	        });

	        // Datatable with saving state
	        $('.datatable-save-state').DataTable({
	            stateSave: true
	        });

	        // Scrollable datatable
	        var table = $('.datatable-scroll-y').DataTable({
	            autoWidth: true,
	            scrollY: 300
	        });

	        // Resize scrollable table when sidebar width changes
	        $('.sidebar-control').on('click', function() {
	            table.columns.adjust().draw();
	        });
	    };

	    // Select2 for length menu styling
	    var _componentSelect2 = function() {
	        if (!$().select2) {
	            console.warn('Warning - select2.min.js is not loaded.');
	            return;
	        }

	        // Initialize
	        $('.dataTables_length select').select2({
	            minimumResultsForSearch: Infinity,
	            dropdownAutoWidth: true,
	            width: 'auto'
	        });
	    };


	    //
	    // Return objects assigned to module
	    //

	    return {
	        init: function() {
	            _componentDatatableBasic();
	            _componentSelect2();
	        }
	    }
	}();


	// Initialize module
	// ------------------------------

	document.addEventListener('DOMContentLoaded', function() {
	    DatatableBasic.init();
	});

	//Button tooltip
	$('.btn-tooltip').tooltip()
	</script>
	<script type="text/javascript">
	$( document ).ready(function() {
        // Default style
        @if(session('error'))
            new PNotify({
                title: 'Error',
                text: '{{ session('error') }}.',
                icon: 'icon-blocked',
                type: 'error'
            });
        @endif
        @if ( session('success'))
            new PNotify({
                title: 'Success',
                text: '{{ session('success') }}.',
                icon: 'icon-checkmark3',
                type: 'success'
            });
        @endif

	});

    function blockUI(params) {
        var block = $('.sidebar-main');
        var block2 = $('.navbar-atas');
        $(block).block({
            message: '<i class="icon-spinner4 spinner"></i>',
            overlayCSS: {
                backgroundColor: '#1b2024',
                opacity: 0.6,
                cursor: 'wait'
            },
            centerY: 0,
            css: {
                top: '180px',
                border: 0,
                color: '#fff',
                padding: 0,
                backgroundColor: 'transparent'
            },
            onBlock: function() {
                $(block).css({
                    left: 0
                });
            }
        });
        $(block2).block({
            message: '<i class="icon-spinner4 spinner"></i>',
            overlayCSS: {
                backgroundColor: '#1b2024',
                opacity: 0.6,
                cursor: 'wait'
            },
            centerY: 0,
            css: {
                // top: '180px',
                border: 0,
                color: '#fff',
                padding: 0,
                backgroundColor: 'transparent'
            },
            onBlock: function() {
                $(block2).css({
                    left: 0
                });
            }
        });
        $('.modal').modal('hide');
    }
	</script>
@endsection