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

@section('title', 'Non Stay Folio')

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

@section('content')

	<!-- Page header -->
	<div class="page-header page-header-light">
		<div class="page-header-content header-elements-md-inline">
			<div class="page-title d-flex">
				<h4>

					<span class="font-weight-semibold">Non Stay Folio</span>
					-
					{{@$folio_dummy->guestProfile->name}}
					&nbsp;
					<span class="{{ config('custom.status_bill_color')[$folio_dummy->status] }} p-2">{{ config('custom.status_bill')[$folio_dummy->status] }}</span>
				</h4>
				<a href="#" class="header-elements-toggle text-default d-md-none"><i class="icon-more"></i></a>
			</div>

            <div class="d-flex">
                <!-- 1: Super admin; 5: Super manager; 6: Manager; 11: SA Group; 20: Akunting;  -->
                @if(in_array(\Auth::user()->role, [1,2,5,6,11,12,20]))
                    @if(\Session::get('backdate'))
                    <form action="{{url('reset-backdate')}}" method="post">
                        @csrf
                        <button type="submit" class="btn btn-success btn-tooltip">
                            <i class="fa fa-redo"></i>&nbsp;Reset Backdate
                        </button>
                    </form>
                    @else
                    <a href="#"
                    class="btn btn-danger btn-tooltip"
                    data-target="#backdate-modal"
                    data-toggle="modal"
                    title="Back Date"
                    >
                        <i class="fa fa-history"></i> Back Date <br>
                    </a>
                    @endif
                @endif
			</div>
		</div>
	</div>
	<!-- /page header -->

	<!-- Content area -->
	<div class="content">
		<!-- Detail Guest -->
		<div class="row">
			<div class="col-md-4">
				<table style="width: 100%; font-weight:bolder" class="mt-1">
					<tr>
						<td style="width: 20%">Identity Number</td>
						<td>: {{@$folio_dummy->guestProfile->id_cardno}}
							  {{@$folio_dummy->guestProfile->id_cardtype
								  ?
								 '('.@config('custom.jenis_identitas')[@$folio_dummy->guestProfile->id_cardtype].')' : ''
							  }}
						</td>
					</tr>
					<tr>
						<td>Name</td>
						<td>: {{@$folio_dummy->guestProfile->title ? @$folio_dummy->guestProfile->title.' ' : ''}}{{@$folio_dummy->guestProfile->name}}</td>
					</tr>
					<tr>
						<td>Address</td>
						<td>
							:
							{{@$folio_dummy->guestProfile->address ? @$folio_dummy->guestProfile->address.',' : ''}}
							{{@$folio_dummy->guestProfile->city ? @$folio_dummy->guestProfile->city.',' : ''}}
							{{@$folio_dummy->guestProfile->country ? @$folio_dummy->guestProfile->country : ''}}</td>
					</tr>
				</table>
			</div>
			<div class="col-md-4">
				<table style="width: 100%; font-weight:bolder">
					<tr>
						<td style="width: 20%">Bill No</td>
						<td>: {{ $folio_dummy->no_bill }}</td>
					</tr>
					<tr>
						<td>Bill Type</td>
						<td>: {{ $folio_dummy->jenis_nonstay_folio == 1 ? config('custom.jenis_nonstay_folio')[$folio_dummy->jenis_nonstay_folio] : @$folio_dummy->shop->nama}}</td>
					</tr>
					<tr>
						<td>Created Date</td>
						<td>: {{ $folio_dummy->created_at->format('d-m-Y') }}</td>
					</tr>
				</table>
			</div>

            {{-- Remark --}}
			<div class="col-md-4">
                <form action="{{ route('update-remark', $folio_dummy->id) }}" method="post">
                    @csrf
					<div class="form-group row mb-0">
						<div class="col-md-12">
							<label for="remark" class="font-weight-bold">Remark: </label>
						</div>
					</div>
                    <div class="form-group row mt-0">
                        <div class="col-md-10 pr-0">
                            <textarea rows="4" cols="4" class="form-control" name="remark">{{ $folio_dummy->remark }}</textarea>
                        </div>

                        <div class="col-md-2 text-right pl-0">
                            <button type="submit" title="Update Remark" class="btn btn-info"><i class="fas fa-check"></i></button>
                        </div>
                    </div>
                </form>
			</div>
		</div>

		<hr>

		@if($folio_dummy->status == 0)
		<div class="row mb-1">
			<div class="col-md-6">

			</div>
			<div class="col-md-6 text-right" style="padding-top: 0.5em">
				<div class="btn-group">
					<button type="button"
							class="btn btn-success btn-tooltip dropdown-toggle"
							data-toggle="dropdown"
							aria-expanded="false"
					>
						<i class="fas fa-money-check-alt"></i>&nbsp;Add Posting
					</button>
					<div class="dropdown-menu dropdown-menu-right"
						 x-placement="bottom-end"
						 style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(106px, 36px, 0px);"
					>
						<a href="#" class="dropdown-item btn_depositmodal"
						   id="btn_depositmodal"
						   data-target="#depositmodal"
						   data-toggle="modal"
						   onclick="ClickBtnDeposit( {{$folio_dummy->id}}, '{{ @$folio_dummy->guestProfile->mainsegment }}', {{ @$folio_dummy->guestProfile->individual_ledger }}  )"
						   title="Add Payment"
						>
							<i class="icon-cash2"></i> Payment
						</a>
						<a href="#"
						   id="btn_transaksimodal"
						   class="dropdown-item btn-tooltip btn_transaksimodal"
						   data-target="#transaksimodal"
						   data-toggle="modal"
						   onclick="ClickBtnTransaksi( {{$folio_dummy->id}}, '{{@$folio_dummy->guestProfile->name}}' )"
						   title="Tambah Transaksi"
						>
							<i class="fas fa-shopping-cart "></i> Shop Transaction
						</a>
					</div>
				</div>

				<div class="btn-group">
					<button type="button"
							class="btn btn-primary btn-tooltip dropdown-toggle"
							data-toggle="dropdown"
							aria-expanded="false"
					>
						<i class="icon icon-file-upload2"></i>&nbsp;Transfer Bill
					</button>
					<div class="dropdown-menu dropdown-menu-right"
						 x-placement="bottom-end"
						 style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(106px, 36px, 0px);"
					>
						<a href="#transferbillmodal"
						   id="btn_transferbillmodal"
						   class="dropdown-item btn-tooltip btn_transferbillmodal"
						   onclick="ClickBtnTransferBill( {{$folio_dummy->id}} )"
						   data-target="#transferbillmodal"
						   data-toggle="modal"
						   title="Transfer To Guest Bill"
						>
							<i class="icon icon-file-upload2"></i>&nbsp;Transfer To Guest Bill
						</a>
						<a href="#transfer_nonstay_modal"
						   id="btn_transfer_nonstay_modal"
						   class="dropdown-item btn-tooltip btn_transfer_nonstay_modal"
						   onclick="ClickBtnTransferNonstay({{$folio_dummy->id}})"
						   data-target="#transfer_nonstay_modal"
						   data-toggle="modal"
						   title="Transfer To Nonstay Bill"
						>
							<i class="icon icon-file-upload2"></i>&nbsp;Transfer To Nonstay Bill
						</a>
					</div>
				</div>

				<a href="#transferbillmodal"
				   id="btn_transferbillmodal"
				   class="btn btn-danger btn-tooltip btn_transferbillmodal mb-0 align-self-bottom"
				   title="Close Bill"
				   onclick="closeBill( {{$folio_dummy->id}} )"
				>
					<i class="fas fa-lock"></i>&nbsp;Close Bill
				</a>
				<form action="{{url('close-nonstay-bill')}}" method="post" id="form_foliodummy{{ $folio_dummy->id }}">
					@csrf
					<input type="hidden" name="folio_dummy_id" value="{{$folio_dummy->id}}">
				</form>
			</div>
		</div>
		@endif

		<form action="{{url('print-nonstay-draft')}}" method="post" target="_blank">
			@csrf
			<input type="hidden" name="folio_dummy_id_draft" value="{{$folio_dummy->id}}">
			<div class="card">
				<table class="table table-hover">
					<thead>
						<tr>
							<th>#</th>
							<th>Type | User</th>
							<th>Date</th>
							<th style="width:10%" class="text-center">Qty</th>
							<th>Description / Voucher</th>
							<th>Per Item</th>
							<th style="width:20%; text-align: center">Total</th>
							<th class="text-center">Action</th>
						</tr>
					</thead>
					<tbody>
					@php
					$no=1;
					$idx_item=0;
					$balance_due = 0;
					@endphp

					@if(count($folio_dummy->details) > 0 || count($folio_dummy->deposits) > 0 || count($folio_dummy->shopTransactions) > 0 || count($folio_dummy->pembayaranPOS) > 0 || count($folio_dummy->invoice_details) > 0)

                        <!-- Menampilkan data dari roomcharge/invoice_details -->
                        @php
                            // dd($folio_dummy->invoice_details);
                        @endphp
                        @if ($folio_dummy->invoice_details)
                            @foreach($folio_dummy->invoice_details as $invoice_detail)
                                @if($invoice_detail->booking_detail_id)
                                <tr id="invoice_item{{$idx_item}}">
                                    <td>
                                        <input type="checkbox" name="check[{{$idx_item}}]"
                                            id="check{{$idx_item}}" value="{{$idx_item}}"
                                            data-idx="{{$idx_item}}"
                                            checked
                                        >
                                        <input type="hidden" name="detail_id[{{ $idx_item }}]" value="">
                                        <input type="hidden" name="hotel_id[{{ $idx_item }}]" value="{{$invoice_detail->hotel_id}}">
                                        <input type="hidden" name="invoice_id[{{ $idx_item }}]" value="{{$invoice_detail->id}}">
                                        <input type="hidden" name="booking_detail_id[{{ $idx_item }}]" id="booking_detail_id{{$idx_item}}" data-idx="{{$idx_item}}" value="">
                                        <input type="hidden" name="shop_transaction_id[{{ $idx_item }}]" id="shop_transaction_id{{$idx_item}}" data-idx="{{$idx_item}}">
                                        <input type="hidden" name="booking_deposit_id[{{ $idx_item }}]" id="booking_deposit_id{{$idx_item}}" data-idx="{{$idx_item}}">
                                        <input type="hidden" name="pembayaran_id[{{ $idx_item }}]" id="pembayaran_id{{$idx_item}}" data-idx="{{$idx_item}}">
                                        <input type="hidden" name="date[{{ $idx_item }}]" id="date{{$idx_item}}" data-idx="{{$idx_item}}" value="{{date('d-m-Y', strtotime($invoice_detail->date))}}">
                                        <input type="hidden" name="harga_satuan[{{ $idx_item }}]" id="harga_satuan{{$idx_item}}" data-idx="{{$idx_item}}" value="{{$invoice_detail->harga_satuan}}">
                                        <input type="hidden" name="qty[{{ $idx_item }}]" id="qty{{$idx_item}}" data-idx="{{$idx_item}}" value="1" min="0">
                                        <input type="hidden" name="description[{{ $idx_item }}]" id="description{{$idx_item}}" data-idx="{{$idx_item}}" value="{{$invoice_detail->description}}">
                                        <input type="hidden" name="room_no[{{ $idx_item }}]" id="room_no{{$idx_item}}" data-idx="{{$idx_item}}" value="">
                                        <input type="hidden" name="total[{{ $idx_item }}]" id="total{{$idx_item}}" data-idx="{{$idx_item}}" value="{{$invoice_detail->total}}">
                                    </td>
                                    <td>
                                    </td>
                                    <td>
                                        <span>{{date('d-m-Y', strtotime($invoice_detail->date))}}</span>
                                    </td>
                                    <td class="text-center">1</td>
                                    <td>{{$invoice_detail->description}}</td>
                                    <td class="text-right">{{ribuanWithComma($invoice_detail->harga_satuan)}}</td>
                                    <td class="text-right">
                                        {{ribuanWithComma($invoice_detail->total)}}
                                        @php $balance_due += $invoice_detail->total; @endphp
                                    </td>
                                    <td class="text-center">
                                        <span class="text-success"><i class="fas fa-lock"></i></span>
                                    </td>
                                </tr>
                                    @php
                                    $no++;
                                    $idx_item++;
                                    @endphp
                                @endif
                            @endforeach
                        @endif

						<!-- Menampilkan data dari deposit -->
						@if($folio_dummy->deposits)
							@foreach($folio_dummy->deposits as $deposit)
							<tr id="invoice_item{{$idx_item}}" class="{{$deposit->jenis_transaksi == 1 ? 'text-success' : 'text-danger text_correction_class'}}" style="{{ is_null($deposit->deleted_at) ? '' : 'display:none;' }}">
								<td>
									@if(($deposit->jenis_transaksi == 1) && is_null($deposit->deleted_at) ? 'checked' : '')
									<input type="checkbox" name="check[{{$idx_item}}]"
										   id="check{{$idx_item}}" value="{{$idx_item}}"
										   data-idx="{{$idx_item}}"
										   {{($deposit->jenis_transaksi == 1) && is_null($deposit->deleted_at) ? 'checked' : ''}}
									>
									@endif
									<input type="hidden" name="detail_id[{{ $idx_item }}]" id="detail_id{{$idx_item}}" value="" {{($deposit->jenis_transaksi == 1) && is_null($deposit->deleted_at) ? '' : 'disabled'}}>
									<input type="hidden" name="hotel_id[{{ $idx_item }}]" id="hotel_id{{$idx_item}}" value="{{$deposit->hotel_id}}" {{($deposit->jenis_transaksi == 1) && is_null($deposit->deleted_at) ? '' : 'disabled'}}>
									<input type="hidden" name="folio_dummy_id[{{ $idx_item }}]" id="invoice_id{{$idx_item}}" value="{{$deposit->folio_dummy_id}}" {{($deposit->jenis_transaksi == 1) && is_null($deposit->deleted_at) ? '' : 'disabled'}}>
									<input type="hidden" name="booking_detail_id[{{ $idx_item }}]" id="booking_detail_id{{$idx_item}}" data-idx="{{$idx_item}}" {{($deposit->jenis_transaksi == 1) && is_null($deposit->deleted_at) ? '' : 'disabled'}}>
									<input type="hidden" name="shop_transaction_id[{{ $idx_item }}]" id="shop_transaction_id{{$idx_item}}" data-idx="{{$idx_item}}" {{($deposit->jenis_transaksi == 1) && is_null($deposit->deleted_at) ? '' : 'disabled'}}>
									<input type="hidden" name="booking_deposit_id[{{ $idx_item }}]" id="booking_deposit_id{{$idx_item}}" data-idx="{{$idx_item}}" value="{{ $deposit->id }}" {{($deposit->jenis_transaksi == 1) && is_null($deposit->deleted_at) ? '' : 'disabled'}}>
									<input type="hidden" name="pembayaran_id[{{ $idx_item }}]" id="pembayaran_id{{$idx_item}}" data-idx="{{$idx_item}}" {{($deposit->jenis_transaksi == 1) && is_null($deposit->deleted_at) ? '' : 'disabled'}}>
									<input type="hidden" name="date[{{ $idx_item }}]"
										   id="date{{$idx_item}}" data-idx="{{$idx_item}}"
										   value="{{ ($deposit->jenis_deposit == 3 ? ($deposit->transferAkunting ? $deposit->transferAkunting->created_at->format('Y-m-d') : $deposit->created_at ) : date('Y-m-d', strtotime($deposit->created_at))) ?? '' }}"
										   {{($deposit->jenis_transaksi == 1) && is_null($deposit->deleted_at) ? '' : 'disabled'}}
									>
									<input type="hidden" name="qty[{{ $idx_item }}]" id="qty{{$idx_item}}" data-idx="{{$idx_item}}" min="0" {{($deposit->jenis_transaksi == 1) && is_null($deposit->deleted_at) ? '' : 'disabled'}}>
									<input type="hidden" name="harga_satuan[{{ $idx_item }}]" id="harga_satuan{{$idx_item}}" value="0" data-idx="{{$idx_item}}" {{($deposit->jenis_transaksi == 1) && is_null($deposit->deleted_at) ? '' : 'disabled'}}>

									@php
									$bank_transfer = @$deposit->transferAkunting->rekeningBank->nama_bank.' A.N. '.$deposit->nama;
									@endphp
									<input type="hidden" name="description[{{ $idx_item }}]"
										   id="description{{$idx_item}}" data-idx="{{$idx_item}}"
										   value=" {{ config('custom.jenis_deposit')[$deposit->jenis_deposit].' '.$deposit->bank }} {{$deposit->deposit_reservasi == 1 ? "Deposit" : "Payment" }}  {{@$deposit->platform->nama ? @$deposit->platform->nama : (@$deposit->segmentation ? config('custom.segment_ratecodes')[@$deposit->segmentation] : '')}} by {{ $deposit->nama }} {{ $deposit->voucher ? '/'.$deposit->voucher : '' }} {{ $deposit->description ? '- '.$deposit->description : '' }}"
										   {{($deposit->jenis_transaksi == 1) && is_null($deposit->deleted_at) ? '' : 'disabled'}}
									>

									<input type="hidden" name="room_no[{{ $idx_item }}]" id="room_no{{$idx_item}}" data-idx="{{$idx_item}}" value="{{@$invoice_array[$deposit->booking_id][$deposit->room_index]->nomor_kamar}}"  {{($deposit->jenis_transaksi == 1) && is_null($deposit->deleted_at) ? '' : 'disabled'}}>
								</td>
								<td>{{ config('custom.jenis_transaksi')[$deposit->jenis_transaksi] }} | {{ $deposit->user->nama }}</td>
								<td class="tanggal_deposit">
									{{ date('d-m-Y', strtotime($deposit->transaction_date)) }}
								</td>
								<td>

								</td>
								<td class="nama_deposit">
                                    {{ config('custom.jenis_deposit')[$deposit->jenis_deposit].' '.$deposit->bank }} {{$deposit->deposit_reservasi == 1 ? "Deposit" : "Payment" }} {{@$deposit->platform->nama ? @$deposit->platform->nama : (@$deposit->segmentation ? ' - '.config('custom.segment_ratecodes')[@$deposit->segmentation] : '')}} by {{ $deposit->nama }} {{ $deposit->voucher ? '/'.$deposit->voucher : '' }} {{ $deposit->description ? '- '.$deposit->description : '' }}
									{{-- Pembayaran {{ config('custom.jenis_deposit')[$deposit->jenis_deposit].' '.($deposit->jenis_deposit != 3 ? @$deposit->platform->nama.' '.$deposit->voucher : $bank_transfer) }} --}}
								</td>
								<td></td>
								<td class="text-right">
									<input type="hidden" name="total[{{ $idx_item }}]"
										   id="total{{$idx_item}}" data-idx="{{$idx_item}}"
										   class="form-control" value="{{$deposit->nominal *-1 }}"
										   {{($deposit->jenis_transaksi == 1) && is_null($deposit->deleted_at) ? '' : 'disabled'}}
									>
									@if($deposit->jenis_transaksi == 1)
										<span class="total_text">{{ ribuanWithComma($deposit->nominal *-1 ) }}</span>
										@php $balance_due -= $deposit->nominal; @endphp
									@else
										<span class="total_text">{{ ribuanWithComma($deposit->nominal *-1 ) }}</span>
										@php $balance_due += $deposit->nominal; @endphp
									@endif
								</td>
								<td class="text-center">
                                    @if (\Auth::user()->role==1)
									@if($folio_dummy->status == 0)
										@if($deposit->jenis_transaksi == 1 && is_null($deposit->deleted_at))
										<a href="#" onclick="deleteBookingDeposit({{ $deposit->id }})" class="text-danger"><i class="fa fa-trash"></i></a>
                                        @else
                                        <a href="#" onclick="showDetailCorrection('{{@$deposit->correction->nama}}', '{{@$deposit->corrected_time}}')" class="text-info"><i class="fa fa-info"></i></a>
                                        @endif
									@else
										<span class="text-success"><i class="fas fa-lock"></i></span>
									@endif
                                    @endif
								</td>
							</tr>
								@php
								$no++;
								$idx_item++;
								@endphp
							@endforeach
						@endif

						<!-- Transfer Dari Transaksi Shop Ke Nonstay Folio -->
						@if($folio_dummy->pembayaranPOS)
							@foreach($folio_dummy->pembayaranPOS as $pembayaran_pos)
								@if (@$pembayaran_pos->cart->status != 2)
									@php $balance_due += $pembayaran_pos->nominal; @endphp
									<tr id="invoice_item{{$idx_item}}" class="text-success">
										<td>
											<input type="checkbox" name="check[{{$idx_item}}]"
												id="check{{$idx_item}}" value="{{$idx_item}}"
												data-idx="{{$idx_item}}"
												checked
											>
											<input type="hidden" name="detail_id[{{ $idx_item }}]" id="detail_id{{$idx_item}}" value="">
											<input type="hidden" name="hotel_id[{{ $idx_item }}]" id="hotel_id{{$idx_item}}" value="{{$folio_dummy->hotel_id}}">
											<input type="hidden" name="folio_dummy_id[{{ $idx_item }}]" id="invoice_id{{$idx_item}}" value="{{$pembayaran_pos->folio_dummy_id}}">
											<input type="hidden" name="booking_detail_id[{{ $idx_item }}]" id="booking_detail_id{{$idx_item}}" data-idx="{{$idx_item}}">
											<input type="hidden" name="shop_transaction_id[{{ $idx_item }}]" id="shop_transaction_id{{$idx_item}}" data-idx="{{$idx_item}}">
											<input type="hidden" name="booking_deposit_id[{{ $idx_item }}]" id="booking_deposit_id{{$idx_item}}" data-idx="{{$idx_item}}" value="">
											<input type="hidden" name="pembayaran_id[{{ $idx_item }}]" value="{{ $pembayaran_pos->id }}" id="pembayaran_id{{$idx_item}}" data-idx="{{$idx_item}}">
											<input type="hidden" name="date[{{ $idx_item }}]"
												id="date{{$idx_item}}" data-idx="{{$idx_item}}"
												value="{{ $pembayaran_pos->cart ? date('d-m-Y', strtotime($pembayaran_pos->cart->transaction_date)) : '-' }}"
											>
											<input type="hidden" name="qty[{{ $idx_item }}]" id="qty{{$idx_item}}" data-idx="{{$idx_item}}" min="0">
											<input type="hidden" name="harga_satuan[{{ $idx_item }}]" id="harga_satuan{{$idx_item}}" value="{{ ribuanWithComma($pembayaran_pos->nominal) }}" data-idx="{{$idx_item}}">

											{{-- @php
											$bank_transfer = @$deposit->transferAkunting->rekeningBank->nama_bank.' A.N. '.$deposit->nama;
											@endphp --}}
											<input type="hidden" name="description[{{ $idx_item }}]"
												id="description{{$idx_item}}" data-idx="{{$idx_item}}"
												value="{{@$pembayaran_pos->cart ? 'Transfer from '.@$pembayaran_pos->cart->shop->nama.' '.@$pembayaran_pos->cart->order_flag : 'Outlet Bill'}}"
											>

											<input type="hidden" name="room_no[{{ $idx_item }}]" id="room_no{{$idx_item}}" data-idx="{{$idx_item}}" value="">
										</td>
										<td>Posting | {{@$pembayaran_pos->cart->user->nama}}</td>
										<td class="tanggal_transaksi">{{ date( 'd-m-Y', strtotime($pembayaran_pos->cart->transaction_date) ) }}</td>
										<td class="text-center">
											<input type="hidden" name="qty[{{ $idx_item }}]" id="qty{{$idx_item}}" data-idx="{{$idx_item}}" class="form-control" value="" min="0">
											<span class="qty_text"></span>
										</td>
										<td class="nama_menu">{{@$pembayaran_pos->cart ? 'Transfer from '.@$pembayaran_pos->cart->shop->nama.' '.@$pembayaran_pos->cart->order_flag : 'Outlet Bill'}}</td>
										<td class="harga_satuan text-right">{{ ribuanWithComma($pembayaran_pos->nominal) }}</td>
										<td class="text-right">
											<input type="hidden" name="total[{{ $idx_item }}]"
												id="total{{$idx_item}}" data-idx="{{$idx_item}}"
												class="form-control" value="{{$pembayaran_pos->nominal}}"
											>
											{{ ribuanWithComma($pembayaran_pos->nominal) }}
										</td>
										<td class="text-center"></td>
									</tr>
									@php
									$no++;
									$idx_item++;
									@endphp
								@endif
							@endforeach
						@endif

						<!-- Kemungkinan Yang Dibawah ini ini Sudah Tidak Digunakan Lagi Karena yang ditransfer ke Nonstay Folio Nominal Dari Billnya
						(Tunggu nanti perkembangannya bagaimana, kalau sudah pakem dihapus saja, supaya kodenya bersih) -->
						<!-- Shop Transaction -->
						@if($folio_dummy->shopTransactions)
							@foreach($folio_dummy->shopTransactions as $shop_transaction)
								@php
								$harga_satuan = $shop_transaction->grand_total / $shop_transaction->jumlah;
								@endphp
							<tr id="invoice_item{{$idx_item}}" class="{{$shop_transaction->jenis_transaksi == 1 ? 'text-success' : 'text-danger text_correction_class'}}" style="{{ is_null($shop_transaction->deleted_at) ? '' : 'display:none;' }}">
								<td>
									@if(($shop_transaction->jenis_transaksi == 1) && is_null($shop_transaction->deleted_at) ? 'checked' : '')
									<input type="checkbox" name="check[{{$idx_item}}]"
										   id="check{{$idx_item}}" value="{{$idx_item}}"
										   data-idx="{{$idx_item}}"
										   {{($shop_transaction->jenis_transaksi == 1) && is_null($shop_transaction->deleted_at) ? 'checked' : ''}}
									>
									@endif
									<input type="hidden" name="detail_id[{{ $idx_item }}]" id="detail_id{{$idx_item}}" value="" {{($shop_transaction->jenis_transaksi == 1) && is_null($shop_transaction->deleted_at) ? '' : 'disabled'}}>
									<input type="hidden" name="hotel_id[{{ $idx_item }}]" id="hotel_id{{$idx_item}}" value="{{$shop_transaction->hotel_id}}" {{($shop_transaction->jenis_transaksi == 1) && is_null($shop_transaction->deleted_at) ? '' : 'disabled'}}>
									<input type="hidden" name="folio_dummy_id[{{ $idx_item }}]" value="{{$shop_transaction->id}}" id="invoice_id{{$idx_item}}" {{($shop_transaction->jenis_transaksi == 1) && is_null($shop_transaction->deleted_at) ? '' : 'disabled'}}>
									<input type="hidden" name="booking_detail_id[{{ $idx_item }}]" id="booking_detail_id{{$idx_item}}" data-idx="{{$idx_item}}" {{($shop_transaction->jenis_transaksi == 1) && is_null($shop_transaction->deleted_at) ? '' : 'disabled'}}>
									<input type="hidden" name="shop_transaction_id[{{ $idx_item }}]" id="shop_transaction_id{{$idx_item}}" data-idx="{{$idx_item}}" value="{{$shop_transaction->id}}" {{($shop_transaction->jenis_transaksi == 1) && is_null($shop_transaction->deleted_at) ? '' : 'disabled'}}>
									<input type="hidden" name="booking_deposit_id[{{ $idx_item }}]" id="booking_deposit_id{{$idx_item}}" data-idx="{{$idx_item}}" {{($shop_transaction->jenis_transaksi == 1) && is_null($shop_transaction->deleted_at) ? '' : 'disabled'}}>
									<input type="hidden" name="pembayaran_id[{{ $idx_item }}]" id="pembayaran_id{{$idx_item}}" data-idx="{{$idx_item}}" {{($shop_transaction->jenis_transaksi == 1) && is_null($shop_transaction->deleted_at) ? '' : 'disabled'}}>
									<input type="hidden" name="date[{{ $idx_item }}]" id="date{{$idx_item}}" data-idx="{{$idx_item}}" value="{{ date('Y-m-d',strtotime($shop_transaction->created_at)) }}" {{($shop_transaction->jenis_transaksi == 1) && is_null($shop_transaction->deleted_at) ? '' : 'disabled'}}>
									<input type="hidden" name="description[{{ $idx_item }}]" id="description{{$idx_item}}" data-idx="{{$idx_item}}" value="{{@$shop_transaction->menu->nama ?? @$shop_transaction->keterangan_custom}}  {{ $shop_transaction->description ? '- '.$shop_transaction->description : '' }}" {{($shop_transaction->jenis_transaksi == 1) && is_null($shop_transaction->deleted_at) ? '' : 'disabled'}}>
									<input type="hidden" name="room_no[{{ $idx_item }}]" id="room_no{{$idx_item}}" data-idx="{{$idx_item}}" value="" {{($shop_transaction->jenis_transaksi == 1) && is_null($shop_transaction->deleted_at) ? '' : 'disabled'}}>
									<input type="hidden"
										   name="harga_satuan[{{ $idx_item }}]"
										   id="harga_satuan{{$idx_item}}"
										   data-idx="{{$idx_item}}"
										   value="{{$harga_satuan}}"
										   {{($shop_transaction->jenis_transaksi == 1) && is_null($shop_transaction->deleted_at) ? '' : 'disabled'}}
									>
								</td>
								<td>{{ config('custom.jenis_transaksi')[$shop_transaction->jenis_transaksi] }} | {{ $shop_transaction->user->nama }}</td>
								<td class="tanggal_transaksi">{{ date('d-m-Y',strtotime($shop_transaction->transaction_date)) }}</td>
								<td class="text-center">
									<input type="hidden" name="qty[{{ $idx_item }}]" id="qty{{$idx_item}}" data-idx="{{$idx_item}}" class="form-control" value="{{ $shop_transaction->jumlah }}" min="0" {{($shop_transaction->jenis_transaksi == 1) && is_null($shop_transaction->deleted_at) ? '' : 'disabled'}}>
									<span class="qty_text">{{ ribuanWithComma($shop_transaction->jumlah) }}</span>
								</td>
								<td class="nama_menu">{{@$shop_transaction->menu->nama ?? @$shop_transaction->keterangan_custom }} {{ $shop_transaction->description ? '- '.$shop_transaction->description : '' }}</td>
								<td class="harga_satuan text-right">
									{{ ribuanWithComma($harga_satuan) }}
								</td>
								<td class="text-right">
									<input type="hidden" name="total[{{ $idx_item }}]"
										   id="total{{$idx_item}}" data-idx="{{$idx_item}}"
										   class="form-control" value="{{ $shop_transaction->grand_total }}"
										   {{($shop_transaction->jenis_transaksi == 1) && is_null($shop_transaction->deleted_at) ? '' : 'disabled'}}
									>
									@if($shop_transaction->jenis_transaksi == 1)
										<span class="total_text">{{ ribuanWithComma($shop_transaction->grand_total) }}</span>
										@php $balance_due += $shop_transaction->grand_total; @endphp
									@else
										<span class="total_text">{{ ribuanWithComma($shop_transaction->grand_total *-1 ) }}</span>
										@php $balance_due -= $shop_transaction->grand_total; @endphp
									@endif
								</td>
								<td class="text-center">
                                    @if (\Auth::user()->role==1)
									@if($folio_dummy->status == 0)
										@if($shop_transaction->jenis_transaksi == 1 && is_null($shop_transaction->deleted_at))
										<a href="#" onclick="deleteShopTransaction({{ $shop_transaction->id }})" class="text-danger"><i class="fa fa-trash"></i></a>
                                        @else
                                        <a href="#" onclick="showDetailCorrection('{{@$shop_transaction->correction->nama}}', '{{@$shop_transaction->corrected_time}}')" class="text-info"><i class="fa fa-info"></i></a>
										@endif
									@else
										<span class="text-success"><i class="fas fa-lock"></i></span>
									@endif
                                    @endif
								</td>
							</tr>
								@php
								$no++;
								$idx_item++;
								@endphp
							@endforeach
						@endif
					@else
					<td class="text-center" colspan="9">Tidak Ada Transaksi</td>
					@endif
					<tr>
						<td colspan="7" class="text-right">
							<span class="font-weight-bolder">Balance Due | </span> <span id="balance_due">{{ribuanWithComma($balance_due)}}</span>
							<input type="hidden" name="balance_due" id="balance_due{{$folio_dummy->id}}" value="{{$balance_due}}">
						</td>
						<td></td>
					</tr>
					</tbody>
				</table>
				<div class="card-footer p-1">
					<button class="btn btn-success btn-lg btn-block"
							type="submit"
					>
						<b>Print Nonstay Folio <i class="fas fa-file-invoice-dollar"></i></b>
					</button>
				</div>
			</div>
		</form>

        <!-- Form Delete Deposit -->
        <form id="delete_deposit" action="{{url('delete-deposit-nonstay')}}" method="post">
            @csrf
            {{-- <input type="hidden" id="delete_deposit_id" name="deposit_id" value=""> --}}
        </form>

        <!-- Form Delete Shop Transaction -->
        <form id="delete_shoptransaction"
                action="{{url('delete-transaction-nonstay')}}"
                method="post"
        >
            @csrf
            {{-- <input type="hidden" name="shop_transaction_id" id="delete_shop_transaction_id" value=""> --}}
        </form>

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

    <!-- Danger modal -->
        <!-- Danger modal -->
        <div id="modal_theme_danger" class="modal fade" tabindex="-1">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header bg-danger" align="center">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                    </div>

                    <form action="" method="post" id="delform">
                        @csrf
                        @method('POST')

                        <input type="hidden" id="delete_deposit_id" name="deposit_id" value="">
                        <input type="hidden" name="shop_transaction_id" id="delete_shop_transaction_id" value="">

                        <div class="modal-body">
                            <h3 class="text-center">Masukan username dan password dari supervisor!</h3>
                            <div class="form-group row">
                                <label class="col-form-label col-lg-2">Username</label>
                                <div class="col-lg-10">
                                    <input type="text" name="username" class="form-control" placeholder="Username" required autocomplete="off" value="">
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-form-label col-lg-2">Password</label>
                                <div class="col-lg-10">
                                    <input type="password" name="password" class="form-control" placeholder="Password" required autocomplete="off" value="">
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-link" data-dismiss="modal">Batal</button>
                            <button type="submit" class="btn bg-danger">Hapus</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <!-- /default modal -->
	<!-- /default modal -->

    <div id="modal_detail_correction" class="modal fade">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header bg-danger" align="center">
                    <h6 class="modal-title"><i class="fas fa-exclamation mr-1"></i> Detail Correction <span class="guest-name"></span></h6>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                </div>

                <div class="modal-body">
                    <div class="form-group row">
                        <label class="col-form-label col-lg-4">Corrected By</label>
                        <label class="col-lg-1">:</label>
                        <div class="col-lg-5">
                            <span id="corrected_by"></span>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-form-label col-lg-4">Corrected Time</label>
                        <label class="col-lg-1">:</label>
                        <div class="col-lg-5">
                            <span id="corrected_time"></span>
                        </div>
                    </div>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-link" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

	{{--
	--------------------------------------------------------------
	Transaksi
	--------------------------------------------------------------
	--}}
	<!-- Transaksi Modal -->
	<div id="transaksimodal" class="modal fade">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header bg-teal" align="center">
					<h6 class="modal-title"><i class="fas fa-user mr-1"></i> Tambah Transaksi</h6>
					<button type="button" class="close" data-dismiss="modal">&times;</button>
				</div>

				<form action="{{url('nonstay-transaction')}}" method="POST" id="add_transaction">
					<div class="modal-body">
						@csrf
						<input type="hidden" name="folio_dummy_id" id="folio_dummy_id_shop" value="">
						<input type="hidden" name="nama" id="guest_name" value="">

						@if(Auth::user()->role == 1 || Auth::user()->role == 5)
							<input type="hidden" name="hotel_id" value="{{ Session::get('hotel_id') }}" />
						@else
							<input type="hidden" name="hotel_id" value="{{ Auth::user()->hotel_id }}" />
						@endif

						<div class="form-group row">
							<label class="col-form-label col-sm-3">Tgl. Transaksi</label>
							<div class="col-sm-9">
								<input type="text" class="form-control" name="transaction_date" value="{{dateFormat(getSystemDate(), "d-m-Y")}}" readonly>
							</div>
						</div>

                        <div id="maintransaction">

							<div class="form-group row">
								<label class="col-form-label col-sm-3">Shop</label>
								<div class="col-sm-9">
									{{-- <select onchange="getSelectTipeMenus(this.value), getSelectMenuList(this.value)"  class="form-control border-1 border-teal" name="shop_id[]" id="shop_id"> --}}
									<select data-add_trans_id="1" class="form-control border-1 border-teal getSelectTipeMenus getSelectMenuList resetjumlahtotal" name="shop_id[]" id="shop_id1">
										<option value="">--Select Shop--</option>
										@foreach ($shops as $shop)
											<option value="{{$shop->id}}"
													data-service="{{$shop->services}}"
													data-ppn="{{$shop->ppn}}"
											>
												{{$shop->nama}}
											</option>
										@endforeach
									</select>
								</div>
							</div>

							<div class="form-group row">
								<label class="col-form-label col-lg-3">Item Type</label>
								<div class="col-lg-9">
									<select name="tipe_menu_id[]" id="tipe_menu_id1"
											class="form-control form-control-select2 getSelectMenuList resetjumlahtotal"
											data-container-css-class="border-teal"
											data-dropdown-css-class="border-teal"
											data-add_trans_id="1"
											required
											>
											{{-- onchange="getSelectMenuList(this.value)" --}}
										<option value="">-- Select Item Type --</option>
									</select>
								</div>
							</div>

							<div class="form-group row">
								<label class="col-form-label col-lg-3">Menu List</label>
								<div class="col-lg-9">
									<select name="menu_id[]" id="menu_id1"
											class="form-control form-control-select2"
											data-container-css-class="border-teal"
											data-dropdown-css-class="border-teal"
											data-add_trans_id="1"
											onchange="hitungtotal(1)"
											required
									>
										<option value="">-- Select Menu --</option>
									</select>
								</div>
							</div>

							<div class="non_paid_out1">
							<div class="form-group row">
								<label for="jumlah" class="col-form-label col-lg-3">Qty</label>
								<div class="col-lg-4">
									<input type="number" id="jumlah1" name="jumlah[]" onchange="hitungtotal(1)" class="form-control border-teal border-1 hitungjumlah" min="1" value="1" autofocus required>
								</div>
								{{-- <label for="diskon" class="col-form-label col-lg-1">Disc.</label>
								<div class="col-lg-4">
									<input type="number" id="diskon1" name="diskon[]" onchange="hitungtotal(1)" class="form-control border-teal border-1 " min="0" value="0" autofocus required>
								</div> --}}
							</div>
							</div>

							<div class="form-group row">
								<label for="total_biaya" id="label_total_biaya1" class="col-form-label col-lg-3">Sub Total</label>
								<div class="col-lg-4">
									<input type="text" id="subtotal1" class="form-control border-teal border-1 changesubtotal" data-add_trans_id="1" onchange="subTotalNominal(this.value, 1)" readonly>
									<input type="hidden" id="total_biaya1" name="total_biaya[]" class="form-control border-teal border-1 " required>
								</div>
							</div>

							<div class="non_paid_out1">
							<div class="form-group row">
								<label for="service" class="col-form-label col-lg-3">Service</label>
								<div class="col-lg-4">
									<input type="text" id="service1" name="service[]" class="form-control border-teal border-1 " required readonly>
								</div>
								<label for="ppn" class="col-form-label col-lg-1">Gov. Tax</label>
								<div class="col-lg-3">
									<input type="text" id="ppn1" name="ppn[]" class="form-control border-teal border-1 " required readonly>
								</div>
							</div>

							<div class="form-group row">
								<label for="grand_total" class="col-form-label col-lg-3">Grand Total</label>
								<div class="col-lg-4">
									<input type="text" id="grand_total1" name="grand_total[]" class="form-control border-teal border-1 input_comma_custom" onchange="calculateReverse(this.value, 1)" required>
								</div>
							</div>
							</div>

							<div class="form-group row">
								<label for="description_transaction" class="col-form-label col-lg-3">Description</label>
								<div class="col-lg-9">
									<input type="text" id="description_transaction1" name="description[]" class="form-control border-teal border-1 description_input">
								</div>
							</div>

						</div>

						<input type="hidden" id="noadditionaltransaction" value="2">
						<div class="form-group row">
							<div class="col-lg-12">
								<button class="form-control btn-success buttonaddmoretransaction" type="button"><i class="icon-plus22"></i> Add More</button>
							</div>
						</div>

						<div id="additional_transaction">

						</div>
                    </div>

					<div class="modal-footer">
						<button type="button" class="btn btn-link text-success" data-dismiss="modal">Close</button>
						<button type="submit" class="btn bg-teal submit-add-transaction">Save</button>
					</div>
				</form>

			</div>
		</div>
	</div>
	<!-- /default modal -->

	{{--
	--------------------------------------------------------------
	Deposit
	--------------------------------------------------------------
	--}}
	<!-- Deposit Modal -->
	<div id="depositmodal" class="modal fade">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header bg-teal" align="center">
                    <h6 class="modal-title"><i class="fas fa-money-check-alt mr-1"></i> Add Payment</h6>
					<button type="button" class="close" data-dismiss="modal">&times;</button>
				</div>

				<div class="modal-body">
					<form action="{{url('nonstay-deposit')}}" method="POST" id="add_payment">
					@csrf
					<input type="hidden" name="folio_dummy_id" id="folio_dummy_id_deposit" value="">
					<input id="deposit_nama_kamar"
						   name="nama"
						   class="form-control border-1 border-teal"
						   type="hidden"
						   value="{{@$folio_dummy->guestProfile->name}}"
					>
					<div class="form-group row">
						<label class="col-form-label col-sm-3">Payment Method:</label>
						<div class="col-sm-9">
							<select name="jenis_deposit"
									id="jenis_deposit"
									class="form-control border-teal border-1"
									required
							>
								<option value="">** Select Payment Method **</option>
                                @if (in_array(\Auth::user()->role, [10]))
                                    @foreach (config('custom.jenis_deposit') as $key => $val)
                                        @if (!in_array($key, [3]))
                                            <option value="{{$key}}">{{$val}}</option>
                                            @continue
                                        @endif
                                    @endforeach
                                @else
                                    @foreach (config('custom.jenis_deposit') as $key => $val)
                                        @if (!in_array($key, [3]))
                                            <option value="{{$key}}">{{$val}}</option>
                                            @continue
                                        @endif
                                    @endforeach
                                @endif
							</select>
						</div>
					</div>

					<div class="form-group row" id="jenis_deposit_option" style="display: none">
						<label for="platform_deposit" class="col-form-label col-sm-3">Payment Platform</label>
						<div class="col-lg-9">
							<select name="platform_pembayaran_id"
									id="platform_pembayaran_id"
									class="form-control form-control-select2 border-1 border-1"
							>
								<option value="">** Select Payment Platform **</option>
							</select>
						</div>
					</div>

                    <div class="form-group row wrap_segmentation_option" id="wrap_segmentation_option" style="display: none">
						<label for="segmentation" class="col-form-label col-sm-3">Segmentation</label>
						<div class="col-lg-9">
							<select name="segmentation"
									id="segmentation"
									class="form-control form-control-select2 border-1 border-1 segmentation-option"
							>
								<option value="">** Select Segmentation **</option>

                                @foreach (config('custom.segment_ratecodes') as $key => $val)
                                    @if (in_array($key, [1,7,12,13]))
                                        @continue
                                    @endif

                                    <option value="{{$key}}" class="segmentation_value">{{$val}}</option>
                                @endforeach

                                <option value="999" {{ in_array(\Auth::user()->role, [10]) ? 'disabled' : '' }}>Transfer</option>
							</select>
						</div>
					</div>

					<div class="form-group row" id="deposit_transfer" style="display: none">
						<label for="daftar_transfer" class="col-form-label col-sm-3">Transfer List</label>
						<div class="col-lg-9">
							<select name="transfer_akunting_id"
									id="deposit_transfer_akunting_id"
									class="form-control form-control-select2 border-1 border-teal"
                                    onchange="insertSelectTransfer();"
							>
								<option value="">--Select Data (Optional)--</option>
								@foreach ($transfers as $transfer)
								<option value="{{$transfer->id}}"
										data-voucher="{{$transfer->voucher}}"
										data-nominal = "{{$transfer->nominal}}"
								>
									{{$transfer->nama}} /  Rp.{{ribuanWithComma($transfer->nominal)}} ({{$transfer->keterangan}})
								</option>
								@endforeach
							</select>
							<br>
							<span id="warning_deposit_transfer" class="text-danger"></span>
						</div>
					</div>
                    <div class="form-group row">
						<label class="col-form-label col-sm-3">Voucher</label>
						<div class="col-lg-9">
							<input type="text" class="form-control" name="voucher" id="voucher_deposit">
						</div>
					</div>
					<div class="form-group row" style="display:none" id="not-transfer">
						<label class="col-form-label col-sm-3">Nominal</label>
						<div class="col-sm-9">
							<input id="nominal_deposit" name="nominal" type="text" class="form-control border-teal border-1" required>
                            <span class="text-success" id="nominal_tagihan">Remaining Total Bill : {{ribuanWithComma($balance_due)}}</span>
						</div>
					</div>
					<div class="form-group row">
						<label class="col-form-label col-sm-3">Transaction Date</label>
						<div class="col-sm-9">
							<input type="text" class="form-control" name="transaction_date" id="transaction_date" value="{{dateFormat(getSystemDate(), "d-m-Y")}}" readonly>
						</div>
					</div>
                    <div class="form-group row">
                        <label for="description_payment" class="col-form-label col-lg-3">Description</label>
                        <div class="col-lg-9">
                            <input type="text" id="description_payment" name="description" class="form-control border-teal border-1">
                        </div>
                    </div>
				</div>


				<div class="modal-footer">
					<button type="button" class="btn btn-link text-success" data-dismiss="modal">Close</button>
					<button type="submit" class="btn bg-teal submit-add-payment">Save</button>
				</div>
				</form>
			</div>
		</div>
	</div>
	<!-- /default modal -->

	{{--
	--------------------------------------------------------------
	Modal Transfer TO Master Bill
	--------------------------------------------------------------
	--}}
    <!--MODAL-->
    <div id="transferbillmodal" class="modal fade">
		<div class="modal-dialog modal-xl">
			<div class="modal-content">
				<div class="modal-header bg-primary" align="center">
					<h6 class="modal-title"><i class="icon icon-file-upload-2 mr-1"></i>Transfer Bill</h6>
					<button type="button" class="close" data-dismiss="modal">&times;</button>
				</div>

				<form action="{{url('nonstay-to-masterbill')}}" id="transferbillform" method="POST">
					<div class="modal-body">
						@csrf

                        <input type="hidden" name="folio_dummy_id" value="{{ $folio_dummy->id }}">
						<table class="table table-hover" id="tabletransferbill">
							<thead>
								<tr>
									<th>No.</th>
									<th>Description</th>
									<th>Qty</th>
									<th>Total</th>
									<th>Transfer to</th>
								</tr>
							</thead>
							<tbody>

							</tbody>
							<div id="pilihandetail">

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

					<div class="modal-footer">
						<button type="button" class="btn btn-link" data-dismiss="modal">Close</button>
						<button type="submit" class="btn bg-primary submit-transfer-bill" disabled>Transfer</button>
					</div>
				</form>
			</div>
		</div>
	</div>
  	<!--/MODAL-->

	{{--
	--------------------------------------------------------------
	Modal Transfer TO Nonstay Bill
	--------------------------------------------------------------
	--}}
    <!--MODAL-->
    <div id="transfer_nonstay_modal" class="modal fade">
		<div class="modal-dialog modal-xl">
			<div class="modal-content">
				<div class="modal-header bg-primary" align="center">
					<h6 class="modal-title"><i class="icon icon-file-upload-2 mr-1"></i>Transfer To Nonstay Bill</h6>
					<button type="button" class="close" data-dismiss="modal">&times;</button>
				</div>

				<form action="{{url('nonstay-to-nonstay')}}" id="nonstay_bill_form" method="POST">
					<div class="modal-body">
						@csrf

                        <input type="hidden" name="folio_dummy_id" value="{{ $folio_dummy->id }}">
						<table class="table table-hover" id="table_transfer_nonstay">
							<thead>
								<tr>
									<th>No.</th>
									<th>Description</th>
									<th>Qty</th>
									<th>Total</th>
									<th>Transfer to</th>
								</tr>
							</thead>
							<tbody>

							</tbody>
							<div id="pilihan_detail_nonstay">

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

					<div class="modal-footer">
						<button type="button" class="btn btn-link" data-dismiss="modal">Close</button>
						<button type="submit" class="btn bg-primary submit-transfer-nonstay" disabled>Transfer</button>
					</div>
				</form>
			</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/forms/inputs/jquery.mask.js')}}"></script>

	<script src="{{asset('assets/js/app.js')}}"></script>
	<script src="{{asset('global_assets/js/demo_pages/components_modals.js')}}"></script>
	<script>
        let segmentasi =  {!! json_encode(config('custom.segment_ratecodes')) !!};

		// Protect multiple click
            $(document).ready(function () {
                // add payment
                    $('.submit-add-payment').click(function(){
                        let input = $('#add_payment').find(':input, select').not(':input[type=submit],:input[id=description_payment],:input[id=voucher_deposit],:hidden')

                        let lolos = true

                        $.each(input, function(key, val){
                            if (!$(val).val()) {
                                lolos = false

                                return;
                            }
                        });

                        if(lolos){
                            $(this).attr("disabled", true);
                            $('#add_payment').submit()
                        }
                    })
                // add payment

                // add transaction
                    $('.submit-add-transaction').click(function(){
                        let input = $('#add_transaction').find(':input, select').not(':input[type=submit],.description_input,:hidden,:button')

                        let lolos = true

                        $.each(input, function(key, val){
                            if (!$(val).val()) {
                                lolos = false

                                return;
                            }
                        });

                        if(lolos){
                            $(this).attr("disabled", true);
                            $('#add_transaction').submit()
                        }
                    })
                // add transaction
            });
        // protect multiple click

		/*#########################*/
		/*## SPLIT BILL CHECKBOX ##*/
		/*#########################*/
		$('[id*="check"]').on('click', function(){
			let idx = $(this).attr('data-idx');

			let checked = $('#check'+idx+':checked').length > 0;

			if(checked){
				$("#invoice_item"+idx).find('[type="hidden"]').removeAttr('disabled');
			}
			else{
				$("#invoice_item"+idx).find('[type="hidden"]').attr('disabled', 'disabled');
			}
		});

		//Function Close Bill
		function closeBill(id){
			let balance_due = $('#balance_due'+id).val();

			if(balance_due == 0){
				var confirm = bootbox.confirm({
	                title: 'Confirm dialog',
	                message: 'Bill ini akan ditutup, apakah Anda yakin?',
	                buttons: {
	                    confirm: {
	                        label: 'Ya',
	                        className: 'btn-primary'
	                    },
	                    cancel: {
	                        label: 'Batal',
	                        className: 'btn-link'
	                    }
	                },
	                callback: function (result) {
						if(result){
							$('#form_foliodummy'+id).submit();
						}
	                }
	            });

				confirm.init(function(){
					$('.bootbox .modal-header').addClass('bg-danger');
					$('.bootbox .modal-body').addClass('text-center font-weight-bold');
				});
			}
			else{
				var alert = bootbox.alert({
					title: 'Attention',
	                message: 'The bill has not been balanced, it cannot be closed',
				});

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

		//========================== DEPOSIT
		function ClickBtnDeposit(folio_dummy_id, segment_guest, individual_ledger){
			//Reset folio_dummy_id dan jenis_deposit
			$('#folio_dummy_id_deposit').val('')
			$('#jenis_deposit').val('');

			//Set Folio Dummy ID
			$('#folio_dummy_id_deposit').val(folio_dummy_id);

			$('#deposit_daftar_transfer').attr('style','display:none')
			$('#depositcash').attr('style','display:none')
			$('#depositkredit').attr('style','display:none')

            // defined variable
            let segmentations = $('.segmentation_value')

            $(".segmentation_value").prop('disabled', true)

            $.each(segmentations, function(index_segmentation, segmentation){
                if($(segmentation).val() == segment_guest || (individual_ledger ? $(segmentation).val() == 14 : false)){
                    $("#segmentation option[value='"+$(segmentation).val()+"']").prop('disabled', false)
                } else {
                    $("#segmentation option[value='"+$(segmentation).val()+"']").prop('disabled', true)
                }
            });

            $('.wrap_segmentation_option').attr('style','display:none')
            $('#segmentation').attr('required', false)
            $('#segmentation').val('').select2().trigger('change')
		}

		// Platform Pembayaran
		let platform_pembayarans = {!! json_encode($platforms); !!};
		$('#jenis_deposit').on('change', function(){
			let jenis_deposit = $(this).val();

			//Platform Pembayaran
			let option_pembayaran = `<option value="">** Select Payment Platform **</option>"`;

			//Reset Form Platform Pembayaran
			$('#platform_pembayaran_id').select2().val('').trigger('change');

			//Show Platform pembayaran jika memilih jenis deposit
			if(['2','4'].includes(jenis_deposit)){
				$('#deposit_transfer').hide()
				$('#jenis_deposit_option').show();

				$.each(platform_pembayarans[jenis_deposit], function(key, platform){
					option_pembayaran += `<option value="${platform.id}">${platform.nama}</option>`
				});

				$('#platform_pembayaran_id').html(option_pembayaran);
				$('#platform_pembayaran_id').attr('required', 'required');
				$('#not-transfer').show();

                $('.wrap_segmentation_option').hide()
                $('#segmentation').attr('required', false)
			}
			//Jika Jenis Deposit Transfer
			else if(jenis_deposit == '3'){
				$('#jenis_deposit_option').hide();
				$('#platform_pembayaran_id').removeAttr('required');
				$('#deposit_transfer').show();
				$('#not-transfer').show();

                $('.wrap_segmentation_option').hide()
                $('#segmentation').attr('required', false)
			}
			else{
				$('#jenis_deposit_option').hide();
				$('#platform_pembayaran_id').removeAttr('required');
				$('#deposit_transfer').hide();
				$('#not-transfer').show();

                if (jenis_deposit == '5') {
                    $('.wrap_segmentation_option').show()
                    $('#segmentation').attr('required', true)
                }else{
                    $('.wrap_segmentation_option').hide()
                    $('#segmentation').attr('required', false)
                }
			}
		});

		//Ketika memilih data transfer
		$('#deposit_transfer_akunting_id').on('change', function(){
			let value = $(this).val();
			let voucher = $(this).find('option[value="'+value+'"]').attr('data-voucher');
			let nominal = $(this).find('option[value="'+value+'"]').attr('data-nominal');

			$('#voucher_deposit').val(voucher)
			$('#nominal_deposit').val(nominal);
		});

		//========================== SHOP TRANSACTION
		//Transaksi Shop
		function ClickBtnTransaksi(folio_dummy_id, guest_name){
			$('#folio_dummy_id_shop').val(folio_dummy_id);
			$('#guest_name').val(guest_name);
		}

		//========================= TRANSFER Nonstay To Master BILLL
		let jenis_deposit_text = {!! json_encode(config('custom.jenis_deposit')) !!};
		function ClickBtnTransferBill(id) {
			var html = ''
			var cekopt = ''
            var count = 0;

			$.ajax({
				type: 'GET',
				url: "{{url('get-transfer-nonstay')}}",
				data: {
					_token:'{{ csrf_token() }}',
					id: id
				},
				success: function (res) {
					var no = 1;
					var qty = 0

					$.each(res.nonstay_folio, function(index2, value2) {

                        //Load Invoice Details
                        if (value2.invoice_details.length > 0) {
                            $.each(value2.invoice_details, function(index3, value3){

                                if (value3.qty == null) {
                                    qty = '-'
                                } else {
                                    qty = value3.qty
                                }

                                html += `
                                        <tr>
                                        <td>${no}</td>
                                        <td>${value3.description}</td>
                                        <td>
                                        ${qty}
                                        </td>
                                        <td>Rp ${formatRibuanComma(Number(value3.total))}</td>
                                        <td>`
                                html += `<input type='hidden' id='detail_id_${value3.id}' name='detail_id[]' value='${value3.id}'>`;
                                html += `<input type='hidden' id='shop_transaction_id_${value3.id}' name='shop_transaction_id[]'>`;
                                html += `<input type='hidden' id='deposit_id_${value3.id}' name='deposit_id[]'>`;
                                html += `<input type='hidden' id='pembayaran_pos${value3.id}' name='pembayaran_pos[]'> `;
                                html += `<input type='hidden' id='pembayaran_nonstay${value3.id}' name='pembayaran_nonstay[]'> `;
                                html += `<select class="form-control form-control-select2" name="transferto_room[]">`;
                                html += '<option value="">-- Pilih Room --</option>';
									$.each(res.invoices, function (ind, value) {
										// $.each(val.invoice, function (index, value) {
                                            if (value) {
                                                if(null !== value.nomor_kamar){
                                                    html += `<option value='${value.id}'>${value.nomor_kamar} - ${value.nama_pelanggan}</option>`
                                                }
                                            }

										// })
										cekopt = ''
									})
                                html += '</select>'
                                html += `</td>
                                        </tr>`;
                                no++;
                                count++;
                            })
                        }

						//Load Shop Transaction ID
						if(value2.shop_transactions.length > 0){
							$.each(value2.shop_transactions, function(idx_shop, value_shop) {
								if(value_shop.jenis_transaksi == 1 && value_shop.deleted_at === null){
									html += `
											<tr>
											<td>${no}</td>
                                            <td>${value_shop.menu ? value_shop.menu.nama : value_shop.keterangan_custom}  ${value_shop.description ? '- '+value_shop.description : ''}</td>
											<td>
											${value_shop.jumlah}
											</td>
											<td>Rp ${formatRibuanComma(Number(value_shop.grand_total))}</td>
											<td>`
									html += `<input type='hidden' id='detail_id_${value_shop.id}' name='detail_id[]'>`;
									html += `<input type='hidden' id='shop_transaction_id_${value_shop.id}' name='shop_transaction_id[]' value='${value_shop.id}'>`;
									html += `<input type='hidden' id='deposit_id_${value_shop.id}' name='deposit_id[]'>`;
                                    html += `<input type='hidden' id='pembayaran_nonstay${value_shop.id}' name='pembayaran_nonstay[]'>`;
									html += `<select class="form-control form-control-select2" name="transferto_room[]">`;
									html += '<option value="">-- Pilih Room --</option>';
									$.each(res.invoices, function (ind, val) {
										// $.each(val.invoice, function (index, value) {
											// if (cekopt === value.room_no) {
											// 	return
											// 	// skip iteration if it's the same value as previous iteration value
											// }

											if(val){
												html += `<option value='${val.id}'>${val.nomor_kamar} - ${val.nama_pelanggan}</option>`
											}

											// cekopt = value.room_no
										// })
										cekopt = ''
									})
									html += '</select>'
									html += `</td>
											</tr>`;
									no++;
                                    count++;
								}
							})
						}

                        //Load PembayaranPOS yang nonstay ID ini
						if(value2.pembayaran_p_o_s.length > 0){
							$.each(value2.pembayaran_p_o_s, function(idx_pos, value_pos) {
								if(value_pos.jenis_pembayaran_id == 6 || value_pos.jenis_pembayaran_id == 7){
                                    console.log(value_pos)
									html += `
											<tr>
											<td>${no}</td>
											<td>Transfer from ${value_pos?.cart?.shop?.nama} ${value_pos?.cart?.order_flag}</td>
											<td>Rp ${formatRibuanComma(Number(value_pos.nominal))}</td>
											<td>Rp ${formatRibuanComma(Number(value_pos.nominal))}</td>
											<td>`
                                    html += `<input type='hidden' id='detail_id_${value_pos.id}' name='detail_id[]'>`;
									html += `<input type='hidden' id='shop_transaction_id_${value_pos.id}' name='shop_transaction_id[]'>`;
									html += `<input type='hidden' id='deposit_id_${value_pos.id}' name='deposit_id[]'>`;
									html += `<input type='hidden' id='pembayaran_nonstay${value_pos.id}' name='pembayaran_nonstay[]' value='${value_pos.id}'> `;
									html += `<select class="form-control form-control-select2" name="transferto_room[]">`;
                                    html += '<option value="">-- Pilih Room --</option>';
									$.each(res.invoices, function (ind, value) {
										// $.each(val.invoice, function (index, value) {
                                            if (value) {
                                                if(null !== value.nomor_kamar){
                                                    html += `<option value='${value.id}'>${value.nomor_kamar} - ${value.nama_pelanggan}</option>`
                                                }
                                            }
										// })
										cekopt = ''
									})
									html += '</select>'
									html += `</td>
											</tr>`;
									no++;
                                    count++;
								}
							})
						}

						//Load Deposit ID
						if(value2.deposits.length > 0){
							$.each(value2.deposits, (idx_deposit, value_deposit) => {
								if(value_deposit.jenis_transaksi == 1 && value_deposit.deleted_at === null && value_deposit.in_invoice != 1){
									let bank_transfer = (value_deposit?.transfer_akunting?.rekening_bank?.nama_bank ? value_deposit?.transfer_akunting?.rekening_bank?.nama_bank : (value_deposit.segmentation ? ' - '+segmentasi[value_deposit.segmentation] : ''))+' A.N. '+value_deposit?.nama;
									html += `
											<tr>
											<td>${no}</td>
											<td>${value_deposit.deposit_reservasi == 1 ? 'Deposit' : 'Payment' } ${jenis_deposit_text[value_deposit.jenis_deposit]} ${(value_deposit.jenis_deposit != 3 && value_deposit.jenis_deposit != 5 ? (value_deposit.jenis_deposit != 1 ? value_deposit?.platform?.nama : '')+' '+value_deposit.voucher : bank_transfer)} ${value_deposit.voucher ? '/'+value_deposit.voucher : ''} ${ value_deposit.description ? '- '+value_deposit.description : ''}</td>
											<td></td>
											<td>Rp ${formatRibuanComma(Number(value_deposit.nominal))}</td>
											<td>`
									html += `<input type='hidden' id='detail_id_${value_deposit.id}' name='detail_id[]'>`;
									html += `<input type='hidden' id='shop_transaction_id_${value_deposit.id}' name='shop_transaction_id[]'>`;
									html += `<input type='hidden' id='deposit_id_${value_deposit.id}' name='deposit_id[]'  value='${value_deposit.id}'>`;
                                    html += `<input type='hidden' id='pembayaran_nonstay${value_deposit.id}' name='pembayaran_nonstay[]'>`;
									html += `<select class="form-control form-control-select2" name="transferto_room[]">`;
									html += '<option value="">-- Pilih Room --</option>';
									$.each(res.invoices, function (ind, value) {
										// $.each(val.invoice, function (index, value) {
											if(value){
                                                if(null !== value.nomor_kamar){
                                                    html += `<option value='${value.id}'>${value.nomor_kamar} - ${value.nama_pelanggan}</option>`
                                                }
											}
										// })
									})
									html += '</select>'
									html += `</td>
											</tr>`;
									no++;
                                    count++;
								}
							});
						}

					})

					$('#tabletransferbill tbody').empty()

                    if (html != '') {
                        $('.submit-transfer-bill').removeAttr('disabled')
                    }else{
                        $('.submit-transfer-bill').attr('disabled', 'disabled')
                    }

                    if(count == 0){
                        html = '<tr><td colspan="5" style="text-align:center">No Data To Transfer</td></tr>';
                    }

					$('#tabletransferbill tbody').append(html)
					$('.form-control-select2').select2();
				}
			})

		}

		//Transfer Nonstay Bill To Nonstay Bill
		function ClickBtnTransferNonstay(id){
			var html = ''
			var cekopt = ''
            var count = 0;

			$.ajax({
				type: 'GET',
				url: "{{url('get-transfer-nonstay')}}",
				data: {
					_token:'{{ csrf_token() }}',
					id: id
				},
				success: function (res) {
					var no = 1;
					var qty = 0;

					// console.log(res);
					// return false;

					$.each(res.nonstay_folio, function(index2, value2) {

                        //Load Invoice Details
                        if (value2.invoice_details.length > 0) {
                            $.each(value2.invoice_details, function(index3, value3){

                                if (value3.qty == null) {
                                    qty = '-'
                                } else {
                                    qty = value3.qty
                                }

                                html += `
                                        <tr>
                                        <td>${no}</td>
                                        <td>${value3.description}</td>
                                        <td>
                                        ${qty}
                                        </td>
                                        <td>Rp ${formatRibuanComma(value3.total)}</td>
                                        <td>`
                                html += `<input type='hidden' id='detail_id_${value3.id}' name='detail_id[]' value='${value3.id}'>`;
                                html += `<input type='hidden' id='shop_transaction_id_${value3.id}' name='shop_transaction_id[]'>`;
                                html += `<input type='hidden' id='deposit_id_${value3.id}' name='deposit_id[]'>`;
                                html += `<input type='hidden' id='pembayaran_pos${value3.id}' name='pembayaran_pos[]'> `;
                                html += `<input type='hidden' id='pembayaran_nonstay${value3.id}' name='pembayaran_nonstay[]'> `;
                                html += `<select class="form-control form-control-select2" name="transferto_nonstay[]">`;
                                html += '<option value="">-- Pilih Nonstay --</option>';
                                    $.each(res.other_nonstay, function (ind, val) {
                                        if(val){
                                            if (val.guest_profile) {
                                                html += `<option value='${val.id}'>${val.guest_profile ? val.guest_profile.name : 'guest'} - ${val.no_bill}</option>`
                                            }else{
                                                html += `<option value='${val.id}'>${'guest - '+val.no_bill}</option>`
                                            }
                                        }
                                    })
                                html += '</select>'
                                html += `</td>
                                        </tr>`;
                                no++;
                                count++;
                            })
                        }

						//Load Shop Transaction ID
						if(value2.shop_transactions.length > 0){
							$.each(value2.shop_transactions, function(idx_shop, value_shop) {
								if(value_shop.jenis_transaksi == 1 && value_shop.deleted_at === null){
									html += `
											<tr>
											<td>${no}</td>
											<td>${value_shop.menu ? value_shop.menu.nama : value_shop.keterangan_custom}  ${value_shop.description ? '- '+value_shop.description : ''}</td>
											<td>
											${value_shop.jumlah}
											</td>
											<td>Rp ${formatRibuanComma(value_shop.grand_total)}</td>
											<td>`
									html += `<input type='hidden' id='detail_id_${value_shop.id}' name='detail_id[]'>`;
									html += `<input type='hidden' id='shop_transaction_id_${value_shop.id}' name='shop_transaction_id[]' value='${value_shop.id}'>`;
									html += `<input type='hidden' id='deposit_id_${value_shop.id}' name='deposit_id[]'>`;
                                    html += `<input type='hidden' id='pembayaran_nonstay${value_shop.id}' name='pembayaran_nonstay[]'>`;
									html += `<select class="form-control form-control-select2" name="transferto_nonstay[]">`;
									html += '<option value="">-- Pilih Nonstay --</option>';
									$.each(res.other_nonstay, function (ind, val) {
                                        if(val){
                                            if (val.guest_profile) {
                                                html += `<option value='${val.id}'>${val.guest_profile ? val.guest_profile.name : 'guest'} - ${val.no_bill}</option>`
                                            }else{
                                                html += `<option value='${val.id}'>${'guest - '+val.no_bill}</option>`
                                            }
                                        }
                                        // if (val) {
                                        //     html += `<option value='${val.id}'>${val.guest_profile.name} - ${val.no_bill}</option>`
                                        // }
									})
									html += '</select>'
									html += `</td>
											</tr>`;
									no++;
                                    count++;
								}
							})
						}

                        //Load PembayaranPOS yang nonstay ID ini
						if(value2.pembayaran_p_o_s.length > 0){
							$.each(value2.pembayaran_p_o_s, function(idx_pos, value_pos) {
								if(value_pos.jenis_pembayaran_id == 6 || value_pos.jenis_pembayaran_id == 7){
                                    console.log(value_pos)
									html += `
											<tr>
											<td>${no}</td>
											<td>Transfer from ${value_pos?.cart?.shop?.nama} ${value_pos?.cart?.order_flag}</td>
											<td>Rp ${formatRibuanComma(Number(value_pos.nominal))}</td>
											<td>Rp ${formatRibuanComma(Number(value_pos.nominal))}</td>
											<td>`
                                    html += `<input type='hidden' id='detail_id_${value_pos.id}' name='detail_id[]'>`;
									html += `<input type='hidden' id='shop_transaction_id_${value_pos.id}' name='shop_transaction_id[]'>`;
									html += `<input type='hidden' id='deposit_id_${value_pos.id}' name='deposit_id[]'>`;
									html += `<input type='hidden' id='pembayaran_nonstay${value_pos.id}' name='pembayaran_nonstay[]' value='${value_pos.id}'> `;
									html += `<select class="form-control form-control-select2" name="transferto_nonstay[]">`;
									html += '<option value="">-- Pilih Nonstay --</option>';
									$.each(res.other_nonstay, function (ind, val) {
                                        if(val){
                                            if (val.guest_profile) {
                                                html += `<option value='${val.id}'>${val.guest_profile ? val.guest_profile.name : 'guest'} - ${val.no_bill}</option>`
                                            }else{
                                                html += `<option value='${val.id}'>${'guest - '+val.no_bill}</option>`
                                            }
                                        }
                                        // if(val){
                                        //     html += `<option value='${val.id}'>${val.guest_profile.name} - ${val.no_bill}</option>`
                                        // }
									})
									html += '</select>'
									html += `</td>
											</tr>`;
									no++;
                                    count++;
								}
							})
						}

						//Load Deposit ID
						if(value2.deposits.length > 0){
							$.each(value2.deposits, (idx_deposit, value_deposit) => {
								if(value_deposit.jenis_transaksi == 1 && value_deposit.deleted_at === null && value_deposit.in_invoice != 1){
									let bank_transfer = (value_deposit?.transfer_akunting?.rekening_bank?.nama_bank ? value_deposit?.transfer_akunting?.rekening_bank?.nama_bank : (value_deposit.segmentation ? ' - '+segmentasi[value_deposit.segmentation] : ''))+' A.N. '+value_deposit?.nama;
									html += `
											<tr>
											<td>${no}</td>
											<td>${value_deposit.deposit_reservasi == 1 ? 'Deposit' : 'Payment' } ${jenis_deposit_text[value_deposit.jenis_deposit]} ${(value_deposit.jenis_deposit != 3 && value_deposit.jenis_deposit != 5 ? (value_deposit.jenis_deposit != 1 ? value_deposit?.platform?.nama : '')+' '+value_deposit.voucher : bank_transfer)} ${value_deposit.voucher ? '/'+value_deposit.voucher : ''} ${ value_deposit.description ? '- '+value_deposit.description : ''}</td>
											<td></td>
											<td>Rp ${formatRibuanComma(Number(value_deposit.nominal))}</td>
											<td>`
									html += `<input type='hidden' id='detail_id_${value_deposit.id}' name='detail_id[]'>`;
									html += `<input type='hidden' id='shop_transaction_id_${value_deposit.id}' name='shop_transaction_id[]'>`;
									html += `<input type='hidden' id='deposit_id_${value_deposit.id}' name='deposit_id[]'  value='${value_deposit.id}'>`;
                                    html += `<input type='hidden' id='pembayaran_nonstay${value_deposit.id}' name='pembayaran_nonstay[]'>`;
									html += `<select class="form-control form-control-select2" name="transferto_nonstay[]">`;
									html += '<option value="">-- Pilih Nonstay --</option>';
									$.each(res.other_nonstay, function (ind, val) {
                                        if(val){
                                            if (val.guest_profile) {
                                                html += `<option value='${val.id}'>${val.guest_profile ? val.guest_profile.name : 'guest'} - ${val.no_bill}</option>`
                                            }else{
                                                html += `<option value='${val.id}'>${'guest - '+val.no_bill}</option>`
                                            }
                                        }
                                        // if (val) {
                                        //     html += `<option value='${val.id}'>${val.guest_profile.name} - ${val.no_bill}</option>`
                                        // }
									})
									html += '</select>'
									html += `</td>
											</tr>`;
									no++;
                                    count++;
								}
							});
						}

					})

					$('#table_transfer_nonstay tbody').empty()

                    if (html != '') {
                        $('.submit-transfer-nonstay').removeAttr('disabled')
                    }else{
                        $('.submit-transfer-nonstay').attr('disabled', 'disabled')
                    }

                    if(count == 0){
                        html = '<tr><td colspan="5" style="text-align:center">No Data To Transfer</td></tr>';
                    }

					$('#table_transfer_nonstay tbody').append(html)
					$('.form-control-select2').select2();
				}
			})
		}

		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: [ 4 ]
		            }],
		            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();
		});

		//Delete Booking Deposit
		// function deleteBookingDeposit(id){
		// 	var confirm = bootbox.confirm({
		// 		title: 'Warning!',
		// 		message: 'The payment will be deleted, are you sure?',
		// 		buttons: {
		// 			confirm: {
		// 				label: 'Yes',
		// 				className: 'btn-primary'
		// 			},
		// 			cancel: {
		// 				label: 'Cancel',
		// 				className: 'btn-link'
		// 			}
		// 		},
		// 		callback: function (result) {
		// 			if(result){
		// 				$('#delete_deposit_id').val(id);
		// 				$('#delete_deposit').submit();
		// 			}
		// 		},
		// 	});

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

		// 	// console.log(id);
		// }
		/*##############################*/
		/*## MENU EDIT TRANSAKSI SHOP ##*/
		/*##############################*/
		//Delete Shop Transaction
		// function deleteShopTransaction(id){
		// 	var confirm = bootbox.confirm({
        //         title: 'Confirm dialog',
        //         message: 'Transaksi ini akan terhapus, apakah Anda yakin?',
        //         buttons: {
        //             confirm: {
        //                 label: 'Ya',
        //                 className: 'btn-primary'
        //             },
        //             cancel: {
        //                 label: 'Batal',
        //                 className: 'btn-link'
        //             }
        //         },
        //         callback: function (result) {
		// 			if(result){
						// $('#delete_shop_transaction_id').val(id);
						// $('#delete_shoptransaction').submit();
		// 			}
        //         }
        //     });

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

        function deleteBookingDeposit(id){
            $('#delete_deposit_id').val(id);
            $("#delform").attr("action", "{{url('delete-deposit-nonstay')}}");
            $("#modal_theme_danger").modal('show')
		}
        function deleteShopTransaction(id){
            $('#delete_shop_transaction_id').val(id);
            $("#delform").attr("action", "{{url('delete-transaction-nonstay')}}");
            $("#modal_theme_danger").modal('show')
		}
        function showDetailCorrection(by,date){
            $("#modal_detail_correction #corrected_by").html(by)
            $("#modal_detail_correction #corrected_time").html(date)
            $("#modal_detail_correction").modal('show')
        }

		//Edit Shop Transaction
		function editShopTransaction(id_transaction){
			$.ajax({
				type: 'GET',
				url: "{{ url('get-shoptransaction-invoice') }}/"+id_transaction,
				success: function (response) {
					let data = response.data;
					//Shop transaction id
					$('#shop_transaction_id').val(data.id);
					//Text Nomor Kamar
					$('#invoice_no_kamar').html(data.kamar.no_kamar);
					//ID Kamar
					$('#invoice_kamar_id').val(data.kamar_id)
					//Nama
					$('#invoice_nama_kamar').val(data.nama);
					//Shop ID
					$('#invoice_shop_id').select2().val(data.shop_id).trigger('change');
					//Tipe Menu
					getSelectTipeMenus(data.shop_id);
					//Menu List
					getSelectMenuList(data.tipe_menu_id);
					//Tipe Menu ID
					setTimeout( function(){
						$('#invoice_tipe_menu_id').select2().val(data.tipe_menu_id).trigger('change');
					}, 1500);
					// Invoice Menu ID
					setTimeout( function(){
						$('#invoice_menu_id').select2().val(data.menu_id).trigger('change');
						//Jumlah
						$('#invoice_jumlah').val(data.jumlah);
						//Total Biaya
						$('#invoice_total_biaya').val(data.grand_total);
					}, 2000);
				}
			});
		}

		// //Get Select Tipe Menu Option
		// function getSelectTipeMenus(shop_id){
        //     if (shop_id) {
		// 	$.ajax({
		// 		type: 'GET',
		// 		url: "{{ url('/gettipemenus/')}}/"+shop_id,
		// 		success: function (data) {
		// 			$('#tipe_menu_id').html(data);
		// 		}
		// 	});
        //     }else{
        //         let data = '<option value="">-- Pilih Tipe Menu --</option>'
        //         $('#tipe_menu_id').html(data)
        //     }
        //     resetValueTransaction('shop')
		// }

        // function getSelectTipeMenus(shop_id){
		$(document).on('change','.getSelectTipeMenus', function() {
			var shop_id = $(this).find(':selected').val()
        	var nomor = $(this).data('add_trans_id')
            if (shop_id) {
			$.ajax({
				type: 'GET',
				url: "{{ url('/gettipemenus/')}}/"+shop_id,
				success: function (data) {
					$('#tipe_menu_id'+nomor).html(data);
				}
			});
            }else{
                let data = '<option value="">-- Select Item Type --</option>'
                $('#tipe_menu_id'+nomor).html(data)
            }
            resetValueTransaction('shop', nomor)
		})

		// Get Select Menu List Option
	    // function getSelectMenuList(tipemenu_id){
		$(document).on('change','.getSelectMenuList', function() {
			var tipemenu_id = $(this).find(':selected').val()
        	var nomor = $(this).data('add_trans_id')

            if (tipemenu_id) {
			$.ajax({
				type: 'GET',
				url: "{{ url('/getmenulist/')}}/"+tipemenu_id,
				success: function (data) {
					$('#menu_id'+nomor).html(data);
				}
			});
            }else{
                let data = '<option value="">-- Select Item --</option>'
                $('#menu_id'+nomor).html(data)
            }
            resetValueTransaction('type', nomor)
		})

		// Get Select Menu List Option
	    function getSelectMenuList(tipemenu_id){
            if (tipemenu_id) {
			$.ajax({
				type: 'GET',
				url: "{{ url('/getmenulist/')}}/"+tipemenu_id,
				success: function (data) {
					$('#menu_id').html(data);
				}
			});
            }else{
                let data = '<option value="">-- Pilih Menu --</option>'
                $('#menu_id').html(data)
            }
            resetValueTransaction('type')
		}

		//Set Harga
	    function hitungtotal(nomor) {
			// Value Menu
            let shop_svc = $('#shop_id'+nomor+' option:selected').data('service')
            let shop_ppn = $('#shop_id'+nomor+' option:selected').data('ppn')

            let value_harga_menu = $('#menu_id'+nomor).val();
            let harga = parseInt($('#menu_id'+nomor).find('option[value="'+value_harga_menu+'"]').attr('data-harga'));
            let qty = $('#jumlah'+nomor).val()
            let status = $('#menu_id'+nomor).find('option[value="'+value_harga_menu+'"]').attr('data-paid_out_status')

    		if(!isNaN(harga) && !status){
    			calculateReverse(ribuanWithComma(harga*qty), nomor);
    			// calculateReverse(formatRibuanComma(harga*qty));
    		}

            // let jumlah = $('#jumlah').val()
            // let diskon = $('#diskon').val()
    		//
    		// let total = (jumlah * harga)
    		// let subtotal = total - diskon
    		//
    		// let ppn = (subtotal+service) * shop_ppn/100
    		// let service = subtotal * shop_svc/100

    		// let subtotal_text = subtotal - service - ppn;
    		//
            // $('#service').val(service.toLocaleString('ID'))
            // $('#ppn').val(ppn.toLocaleString('ID'))
    		//
            // $('#total_biaya').val(total)
    		//
            // $('#subtotal').val(subtotal_text.toLocaleString('ID'))
    		//
            // // let grand_total = subtotal + service + ppn
            // let grand_total = subtotal

            $('#grand_total'+nomor).val(ribuanWithComma(harga*qty))
            // $('#grand_total').val(formatRibuanComma(harga*qty))

            // paid out condition item
            if (status) {
                $('.non_paid_out'+nomor).hide();
                $('#label_total_biaya'+nomor).html('Nominal');
                $('#subtotal'+nomor).prop('readonly', false);
                let inputs = $('.non_paid_out'+nomor).find(':input[required]')
                inputs.each(function() {
                    // if (this.id == 'jumlah') {
                    if (this.class == 'hitungjumlah') {
                        this.value = 1
                    }else{
                        this.value = 0
                    }
                })

            }else{
                $('.non_paid_out'+nomor).show();
                // $('#jumlah'+nomor).val(1)
                $('#label_total_biaya'+nomor).html('Sub Total');
                $('#subtotal'+nomor).prop('readonly', true);
            }
		}

        function subTotalNominal(val, nomor){
            $('#total_biaya'+nomor).val(val)
            $('#grand_total'+nomor).val(val)
        }

        $('.resetjumlahtotal').on('change', function(){
			var nomor = $(this).data('add_trans_id')
	        // Value Menu
	        // $('#jumlah').val('1');
	        // $('#total_biaya').val('');
			$('#jumlah'+nomor).val('1');
			$('#total_biaya'+nomor).val('');

	    });

	    // $('#tipe_menu_id').on('change', function(){
	    //     // Value Menu
	    //     $('#jumlah').val('1');
	    //     $('#total_biaya').val('');
	    // });

	    // $('#shop_id').on('change', function(){
	    //       // Value Menu
	    //      $('#jumlah').val('1');
	    //      $('#total_biaya').val('');
	    // });

  		//--------------------------------

		//Edit Langsung Di Draft
		$('[id*=qty]').on('change', function(){
			let index = $(this).attr('data-idx');
			let qty = $(this).val();
			let harga_satuan = $('#harga_satuan'+index).val();
			let total = qty * harga_satuan;

			//Assign Value Baru
			$('#total'+index).val(total);
		});

		$('[id*=harga_satuan]').on('change', function(){
			let index = $(this).attr('data-idx');
			let harga_satuan = $(this).val();
			let qty = $('#qty'+index).val();
			let total = qty * harga_satuan;

			//Assign Value Baru
			$('#total'+index).val(total);
		});

        // Untuk Ambil Data dari option Transfer
        function insertSelectTransfer() {

            // Ambil data nominal dan voucher
            let nominal =   $('#deposit_transfer_akunting_id').find(':selected').data('nominal');
            let voucher =  $('#deposit_transfer_akunting_id').find(':selected').data('voucher');

            // insert in input nominal and voucher
            $('#nominal_deposit').val(nominal);
            $('#voucher_deposit').val(voucher);
        }

        $('#nominal_deposit').on('input', function(){
            // $('#nominal_deposit').mask("#.##0", {reverse: true});//set separator number
            $('#nominal_deposit').mask("#.##0", {
                                                    reverse: true,
                                                    translation: {
                                                        '#': {
                                                        pattern: /-|[0-9*]/,
                                                        recursive: true
                                                        }
                                                    }
                                                });//set separator number
        })

        $('#grand_total').on('input', function(){
            $('#grand_total').mask("#.##0", {reverse: true});//set separator number
        })

        function calculateReverse(grand_total, nomor){
            grand_total = Number((grand_total).replaceAll(",",""))

            // Value Menu
			let shop_svc = $('#shop_id'+nomor+' option:selected').data('service')
			let shop_ppn = $('#shop_id'+nomor+' option:selected').data('ppn')

            let tax             = Math.round(Number(((grand_total) * shop_ppn)/(100+shop_ppn)));//Find tax from grand total
            let harga_min_t     = (Number((grand_total - tax)));//price minus total tax
            let services        = Math.round(Number((harga_min_t * shop_svc)/(100+shop_svc)));//Find service from grand total that minus total tax,
            let sub_total = (Number((grand_total) - (tax) - (services)));//input per item real,  without arrangement price

			// $('#ppn').val(formatRibuanComma(tax))
			// $('#service').val(formatRibuanComma(services))
			// $('#total_biaya').val(formatRibuanComma(sub_total))
			// $('#subtotal').val(formatRibuanComma(sub_total))

			$('#ppn'+nomor).val(ribuanWithComma(tax))
			$('#service'+nomor).val(ribuanWithComma(services))
			$('#total_biaya'+nomor).val(ribuanWithComma(sub_total))
			$('#subtotal'+nomor).val(ribuanWithComma(sub_total))
        }

        function resetValueTransaction(condition, nomor){
			var nomor = nomor
            if (condition == 'shop') {
                // reset value
                $('#tipe_menu_id'+nomor).val(null).trigger('change')
                $('#menu_id'+nomor).val(null).trigger('change')
                $('#subtotal'+nomor).val(null)
                $('#total_biaya'+nomor).val(null)
                $('#service'+nomor).val(null)
                $('#ppn'+nomor).val(null)
                $('#grand_total'+nomor).val(null)

            }else if(condition == 'type'){
                // reset value
                $('#menu_id'+nomor).val(null).trigger('change')
                $('#subtotal'+nomor).val(null)
                $('#total_biaya'+nomor).val(null)
                $('#service'+nomor).val(null)
                $('#ppn'+nomor).val(null)
                $('#grand_total'+nomor).val(null)
            }
        }

        function formatRibuanComma(params) {
            return params.toLocaleString('en-US')
        }
	</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

		});
	</script>

    <script>
		$(document).on('click', '.buttonaddmoretransaction', function() {
			var maindata = document.getElementById('maintransaction');
			var nomor = $('#noadditionaltransaction').val()

			console.log(nomor)
			html = ''

				html += `<div id='add_trans_${nomor}'>`

				html +=  '<div class="form-group row">'
					html += '<label class="col-form-label col-sm-3">Shop</label>'
					html += '<div class="col-sm-9">'

					html += `<select data-add_trans_id="${nomor}" class="form-control border-1 border-teal getSelectTipeMenus getSelectMenuList" name="shop_id[]" id="shop_id${nomor}">'
								<option value="">--Select Shop--</option>
									@foreach ($shops as $shop)
										<option value="{{$shop->id}}"
												data-service="{{$shop->services}}"
												data-ppn="{{$shop->ppn}}"
										>
											{{$shop->nama}}
										</option>
									@endforeach
								</select>
							</div>`
				html += '</div>'

				html += `<div class="form-group row">
							<label class="col-form-label col-lg-3">Item Type</label>
							<div class="col-lg-9">
								<select name="tipe_menu_id[]" id="tipe_menu_id${nomor}"
										class="form-control form-control-select2 getSelectMenuList resetjumlahtotal"
										data-container-css-class="border-teal"
										data-dropdown-css-class="border-teal"
										data-add_trans_id="${nomor}"
										required
										>
									<option value="">-- Select Item Type --</option>
								</select>
							</div>
						</div>`

				html += `<div class="form-group row">
							<label class="col-form-label col-lg-3">Menu List</label>
							<div class="col-lg-9">
								<select name="menu_id[]" id="menu_id${nomor}"
										class="form-control form-control-select2"
										data-container-css-class="border-teal"
										data-dropdown-css-class="border-teal"
										data-add_trans_id="${nomor}"
										onchange="hitungtotal(${nomor})"
										required
								>
									<option value="">-- Select Menu --</option>
								</select>
							</div>
						</div>`

				html += `<div class="non_paid_out${nomor}">
						<div class="form-group row">
							<label for="jumlah" class="col-form-label col-lg-3">Qty</label>
							<div class="col-lg-4">
								<input type="number" id="jumlah${nomor}" name="jumlah[]" onchange="hitungtotal(${nomor})" class="form-control border-teal border-1 hitungjumlah" min="1" value="1" autofocus required>
							</div>
						</div>
						</div>`

				html += `<div class="form-group row">
							<label for="total_biaya" id="label_total_biaya${nomor}" class="col-form-label col-lg-3">Sub Total</label>
							<div class="col-lg-4">
								<input type="text" id="subtotal${nomor}" class="form-control border-teal border-1 changesubtotal" data-add_trans_id="${nomor}" onchange="subTotalNominal(this.value, ${nomor})" readonly>
								<input type="hidden" id="total_biaya${nomor}" name="total_biaya[]" class="form-control border-teal border-1 " required>
							</div>
						</div>`

				html += '<div class="non_paid_out'+nomor+'">'
					html += `<div class="form-group row">
								<label for="service" class="col-form-label col-lg-3">Service</label>
								<div class="col-lg-4">
									<input type="text" id="service${nomor}" name="service[]" class="form-control border-teal border-1 " required readonly>
								</div>
								<label for="ppn" class="col-form-label col-lg-1">Gov. Tax</label>
								<div class="col-lg-3">
									<input type="text" id="ppn${nomor}" name="ppn[]" class="form-control border-teal border-1 " required readonly>
								</div>
							</div>`

					html += `<div class="form-group row">
								<label for="grand_total" class="col-form-label col-lg-3">Grand Total</label>
								<div class="col-lg-4">
									<input type="text" id="grand_total${nomor}" name="grand_total[]" class="form-control border-teal border-1 input_comma_custom" onchange="calculateReverse(this.value, ${nomor})" required>
								</div>
							</div>`
				html += '</div>'

				html+= `<div class="form-group row">
							<label for="description_transaction" class="col-form-label col-lg-3">Description</label>
							<div class="col-lg-9">
								<input type="text" id="description_transaction${nomor}" name="description[]" class="form-control border-teal border-1 description_input">
							</div>
						</div>`



				html += `<button class="form-control btn-success buttonaddmoretransaction" type="button"><i class="icon-plus22"></i> Add More</button>`
				html += `<button class='form-control btn-danger buttonremovetransaction' data-add_trans_id='${nomor}' type='button'><i class='icon-minus2'></i> Remove Transaction </button>`
				html += '<hr>'
				html += '</div>'

			// tambah nomor
			var plusnomor = parseInt(nomor) + 1
			$('#noadditionaltransaction').val(plusnomor)

			$('#additional_transaction').append(html);
		})

		$(document).on('click', '.buttonremovetransaction', function() {
			var nomor = $(this).data('add_trans_id')
			console.log(nomor)
			$('#add_trans_'+nomor).remove()
		})

        // Reset div add transaction
        $('#transaksimodal').on('hidden.bs.modal', function () {
            // refresh current page
            $('#additional_transaction').html(null);
            // reset form
            $('#transaksimodal').find('form').trigger('reset');
            $('.getSelectTipeMenus').val('').trigger('change');
        })

        $('.input_comma_custom').on('input', function (){
            $('.submit-button-check').prop('disabled', false)
        })

        function ribuanWithComma(val){
            return val.toLocaleString('en-US')
        }
	</script>
@endsection