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

@section('title', 'Guest Bill | Draft Guest Bill')

@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;
    }

    .remark{
        width: auto;
        height:100px;
        background: #fff;
        border: 1px solid #ddd;
        padding:15px;
        overflow-y: scroll;
    }
    .btn_nav_style{
        max-height: 54px !important;
        max-width: auto !important;
        /* width: 100px !important; */
        white-space: nowrap;
        /* font-size: 12px */
    }
</style>
@endsection

@php
    $hotel_only     = in_array(propertiTipe(), [1]);
    $hotel_n_budget = in_array(propertiTipe(), [1,2]);
    $all            = in_array(propertiTipe(), [1,2,3]);
@endphp

@section('content')
    {{-- @php
        dd($invoice_kamars);
    @endphp --}}
	<!-- Page header -->
	<div class="page-header {{in_array(\Auth::user()->role, [1,2]) ? 'page-header-light' : ''}}">
		<div class="page-header-content header-elements-md-inline">
			<div class="page-title d-flex">
				<h4>  <span class="font-weight-semibold">Guest Bill</span> - Draft</h4>
				<a href="#" class="header-elements-toggle text-default d-md-none"></a>
			</div>


            <a href="{{route('invoices.index')}}"
                class="btn btn-danger mb-0 align-self-bottom btn_nav_style"
                title="Back"
             >
                 <i class="fas fa-undo"></i>
                 <small>&nbsp;Back</small>
            </a>

			{{--
				@if(\Auth::user()->role != 10)
				<div class="form-inline">
					@if(\Session::get('shift'))
					<form action="{{route('close-shift-fo')}}" id="form_close_shift" target="_blank" method="post">
						@csrf
						<input type="hidden" name="shift_id_fo" id="shift_id_fo" value="{{\Session::get('shift_id')}}">
						<button type="submit" onclick="reloadPage()" class="btn btn-danger">Close Shift {{\Session::get('shift')}}</button>
					</form>
					@else
					<form action="{{route('open-shift-fo')}}" method="post">
						@csrf
						<select name="shift_id_fo" id="shift_id_fo" class="form-control" required>
							<option value="">** Select Shift **</option>
							@foreach(config('custom.shift_pos') as $key=>$val)
							<option value="{{$key}}" {{$key == \Session::get('shift') ? 'selected' : ''}}>{{$val}}</option>
							@endforeach
						</select>
						&nbsp;
						<button type="submit" class="btn btn-primary">Open Shift</button>
					</form>
					@endif
				</div>
				@endif
			--}}

		</div>
	</div>
	<!-- /page header -->

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

        @if (@$depo_nonstay->jumlah > 0)
            <div class="alert alert-warning alert-styled-left alert-dismissible">
                There are deposit on Nonstay folio guest!
                <a href="{{url('nonstay-bill').'/'.$depo_nonstay->folio_dummy_id}}">
                    <button type="button" class="btn btn-warning m-1" style="float: right; top:0; right:0; position:absolute;">Open ...</button>
                </a>
            </div>
        @endif

		<div class="row">
			<div class="col-md-2">
				<table style="width: 100%; font-weight:bolder" class="mt-1">
					<tr>
						<td style="white-space: nowrap;">Room Number</td>
						<td style="white-space: nowrap;">
							:
							{{-- @php
							$no_kamar_detail = '';
							$printed = array();
							@endphp
							@if(is_object($invoice_titles->bookings))
								@if(count($invoice_titles->bookings->bookingDetails) > 0)
									@foreach($invoice_titles->bookings->bookingDetails as $booking_detail)
										@php
										if(!in_array($booking_detail->nomor_kamar, $printed)){
											$no_kamar_detail .= $booking_detail->nomor_kamar.', ';
										}
										$printed[] = $booking_detail->nomor_kamar;
										@endphp
									@endforeach
								@endif
							@endif --}}

							{{-- {{ rtrim($no_kamar_detail, ', ') == '' ? '-' : rtrim($no_kamar_detail, ', ') }} --}}
                            {{$invoice_titles->nomor_kamar}}
						</td>
					</tr>
					<tr>
						<td style="white-space: nowrap;">Name</td>
						<td style="white-space: nowrap;">: {{$invoice_titles->nama_pelanggan}}</td>
					</tr>
					<tr>
						<td style="white-space: nowrap;">Arrival Date</td>
						<td style="white-space: nowrap;">: {{ @$invoice_kamar->checkin ? date('d-m-Y', strtotime(@$invoice_kamar->checkin)) : date('d-m-Y', strtotime(@$invoice_kamar->start_date)) }}</td>
					</tr>
					<tr>
						<td style="white-space: nowrap;">Departure Date</td>
						<td style="white-space: nowrap;">: {{ @$invoice_kamar->checkout ? date('d-m-Y',strtotime(@$invoice_kamar->checkout)) : date('d-m-Y',strtotime(@$invoice_kamar->end_date)) }}</td>
					</tr>
                    {{-- Perlu penyesuaian --}}
                    {{-- @if (!in_array(@$invoice_titles->bookings->segmentasi_rate_code, ['10', '11']))
                        <tr>
                            <td style="white-space: nowrap;">Bill No.</td>
                            <td style="white-space: nowrap;">: {{$invoice_titles->no_invoice}}</td>
                        </tr>
                        <tr>
                            <td style="white-space: nowrap;">Kode Booking</td>
                            <td style="white-space: nowrap;">: <a href="{{route('bookings.edit', @$invoice_titles->bookings->id)}}" target="_blank">{{@$invoice_titles->bookings->kode_booking}}</a></td>
                        </tr>
                    @elseif (in_array(@$invoice_titles->bookings->segmentasi_rate_code, ['10', '11']) && ( count($pembayaran_pos) > 0 || ($count_tambahan) > 0  ) )
                        <tr>
                            <td style="white-space: nowrap;">Bill No.</td>
                            <td style="white-space: nowrap;">: {{$invoice_titles->no_invoice}}</td>
                        </tr>
                        <tr>
                            <td style="white-space: nowrap;">Kode Booking</td>
                            <td style="white-space: nowrap;">: <a href="{{route('bookings.edit', @$invoice_titles->bookings->id)}}" target="_blank">{{@$invoice_titles->bookings->kode_booking}}</a></td>
                        </tr>
                    @endif --}}

					@if ($invoice_kamar != null)
						@if (!in_array($invoice_kamar->segment_rate_code_drop_id, ['10','11']) || !in_array(@$invoice_titles->bookings->segmentasi_rate_code, ['10', '11']))
							@if ( ( count($pembayaran_pos) > 0 || ($count_tambahan) > 0 || count($invoice_titles->invoicedetail) > 0 ))
								<tr>
									<td style="white-space: nowrap;">Bill No.</td>
									<td style="white-space: nowrap;">: {{$invoice_titles->no_invoice}}</td>
								</tr>
								<tr>
									<td style="white-space: nowrap;">Reservation No.</td>
									<td style="white-space: nowrap;">: <a href="{{route('bookings.edit', @$invoice_titles->bookings->id)}}" target="_blank">{{@$invoice_titles->bookings->kode_booking}}</a></td>
								</tr>
							@endif
						@endif
					@endif

				</table>
			</div>
			<div class="col-md-3">
				<div class="form-group mb-1">
					<label for="remark" class="mb-0">Payment Note :</label>
                    {{-- <textarea name="remark" id="remark" rows="4" class="form-control" readonly>{{$invoice_titles->bookings->ket_pembayaran ?? '-'}}</textarea> --}}
                    <div class="remark">
                        {!!$invoice_titles->bookings->ket_pembayaran ?? '-'!!}
                    </div>
				</div>
			</div>
			<div class="col-md-7">
                <div class="row p-2 m-2" style="position: absolute; bottom:0; right:0;">

				@if($invoice_kamar != null)
				@if($invoice_kamar->status_booking != 2)

                <div class="ml-1 mt-1"asdf>
				@if (@$invoice_kamar->status_booking == 1  && date('Y-m-d', strtotime($invoice_kamar->end_date)) <= getSystemDate())
					{{-- cek apa ada invoice, jika ada hitung balance invoice - pembayaran --}}
					{{-- pembayaran bisa multiple --}}
					@if ($invoice_titles)
						@php
                            $balance_total  = getTotalTagihan($invoice_kamar->booking_id, $invoice_kamar->room_index, $invoice_kamar->nomor_kamar, 'checkout');
						@endphp
						{{-- jika balance tidak 0, tidak bisa checkout --}}
						@if ($balance_total < 0)
							<a href="#checkout_refundmodal"
								id="btn_checkout_refundmodal"
								class="btn-tooltip btn_checkout_refundmodal btn bg-warning btn_nav_style"
								data-target="#checkout_refundmodal"
								data-toggle="modal"
								onclick="ClickBtnRefundCheckout({{@$invoice_kamar->booking_id}},{{$balance_total}},'{{$invoice_titles->nama_pelanggan}}', {{ $invoice_titles->bookings }}, {{$invoice_kamar->room_index}})"
								title="Checkout + Refund">
									<i class=" fas fa-receipt"></i>
									<small>Checkout + Refund</small>
								</a>
						@elseif ($balance_total > 0)
							<a href="#checkout_pembayaranmodal"
								id="btn_checkout_pembayaranmodal"
								class="btn-tooltip btn_checkout_pembayaranmodal btn bg-success btn_nav_style"
								data-target="#checkout_pembayaranmodal"
								data-toggle="modal"
								onclick="ClickBtnPembayaranCheckout({{$invoice_kamar->booking_id}},{{$balance_total}},'{{$invoice_titles->nama_pelanggan}}', {{$invoice_titles->bookings}}, {{$invoice_kamar->room_index}})"
								title="Checkout + Pelunasan">
									<i class=" fas fa-wallet"></i>
									<small>Checkout + Acquittance</small>
								</a>

						@elseif ($balance_total == 0)
							<a href="#/" onclick="updateStatus({{$invoice_titles->bookings->hotel_id}}, {{$invoice_kamar->booking_id}}, 2, {{$invoice_kamar->id}})" class="btn bg-slate btn_nav_style" title="Checkout">
								<i class="fas fa-door-open"></i>
                                <small>Checkout</small>
							</a>
						@endif
					@endif
				@endif
                </div>

                @php
                    $status_button = '';
                    if(@$invoice_kamar->status_booking == 4){
                        $status_button = 'disabled';
                    }
                @endphp
                <div class="ml-1 mt-1"asdf>

				<div class="btn-group">
					<button type="button"
							class="btn  {{$invoice_titles->nomor_kamar ? 'btn-success' : 'btn-outline-success'}} btn-tooltip dropdown-toggle btn_nav_style"
							data-toggle="dropdown"
							aria-expanded="false"
                            {{$invoice_titles->nomor_kamar ? '' : 'disabled'}}
                            {{$status_button}}
                            title="Add Posting"
					>
						<i class="fas fa-money-check-alt"></i>
                        <small>&nbsp;Add Posting</small>
					</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({{$invoice_titles->bookings->id}}, '{{@$invoice_titles->nomor_kamar}}', '{{addslashes($invoice_titles->bookings->nama)}}', {{$invoice_kamar->room_index}}, '{{addslashes($invoice_titles->bookings)}}')"
						   title="Add Payment"
						>
							<i class="icon-cash2"></i> Add Payment
						</a>
                        @if ($hotel_n_budget)
						<a href="#"
						   id="btn_transaksimodal"
						   class="dropdown-item btn-tooltip btn_transaksimodal"
						   data-target="#transaksimodal"
						   data-toggle="modal"
						   onclick="ClickBtnTransaksi('', '{{@$invoice_titles->nomor_kamar}}', {{@$invoice_titles->bookings->id}}, '{{addslashes($invoice_titles->bookings->nama)}}', {{$invoice_kamar->room_index}})"
						   title="Add Transactions"
						>
							<i class="fas fa-shopping-cart "></i> Add Transactions
						</a>
                        @endif
					</div>
				</div>

                </div>
                <div class="ml-1 mt-1"asdf>


				<div class="btn-group">
					<button type="button"
							class="btn {{$invoice_titles->nomor_kamar ? 'btn-primary' : 'btn-outline-primary'}} btn-tooltip dropdown-toggle btn_nav_style"
							data-toggle="dropdown"
							aria-expanded="false"
                            {{$invoice_titles->nomor_kamar ? '' : 'disabled'}}
                            title="Transfer Bill"
					>
						<i class="icon icon-file-upload2"></i>
                        <small>&nbsp;Transfer Bill</small>
					</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({{$invoice->id}}, {{$invoice_kamar->room_index}},)"
						   data-target="#transferbillmodal"
						   data-toggle="modal"
						   title="Transfer 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( {{$invoice->id}}, {{$invoice_kamar->room_index}})"
						   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>

                </div>

				@endif
				@endif
                <div class="ml-1 mt-1"asdf>

				<a href="#transfer_nonstay_modal"
				   id="btn_transfer_nonstay_modal"
				   class="btn btn-tooltip {{$invoice_titles->nomor_kamar ? 'btn-warning' : 'btn-outline-warning'}}  btn_history_transfer btn_nav_style"
				   onclick="ClickBtnHistoryTransfer( {{$invoice->id}} )"
				   data-target="#history_transfer_modal"
				   data-toggle="modal"
				   title="History Transfer Bill"
                   {{$invoice_titles->nomor_kamar ? '' : 'disabled'}}
				>
					<i class="fas fa-history"></i>
                    <small>History Transfer...</small>
				</a>

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


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

						@if(count($invoice_details) > 0 || count($booking_deposits) > 0 || count($tambahan) > 0)
							{{-- Fetch Data Transaksi Yang Sudah Masuk Invoice Detail --}}
                            @if (!in_array(@$invoice_titles->bookings->segmentasi_rate_code, ['10', '11']))
							@if($invoice_details)
								@foreach ($invoice_details as $key=>$invoice_detail)

								{{-- BOOKING DETAIL --}}
									@if($invoice_detail->booking_detail_id)

                                    @if ($invoice_detail->total != 0)
                                    @php
                                        $diskon = null;
                                        $tipediskon = null;
                                        $this_harga_normal = 0;
                                        if(@$invoice_detail->bookingDetail){
                                            $diskontipe = @$invoice_detail->bookingDetail->disctype;
                                            $tipediskon = @$diskontipe;
                                            $diskon = @$invoice_detail->bookingDetail->diskon;
                                            if ($diskontipe == 1) {
                                                $this_calculate = 100/(100-$diskon)*@$invoice_detail->total;
                                                $this_harga_normal = $this_calculate;
                                            }else{
                                                $this_harga_normal = $diskon+@$invoice_detail->total;
                                            }
                                        }
                                    @endphp
									<tr id="roomrate_{{$invoice_detail->booking_detail_id}}" class="roomrate_{{$idx_item}} {{$invoice_detail->jenis_transaksi == 1 ? 'text-success' : 'text_correction_class text-danger'}}">
										<td>
                                            @if(($invoice_detail->jenis_transaksi == 1))
                                            <input type="checkbox" name="check[{{$idx_item}}]"
                                                id="check_detail{{$idx_item}}" value="{{$idx_item}}"
                                                data-idx="{{$idx_item}}"
                                                checked
                                            >
											<input type="hidden" name="detail_id[{{ $idx_item }}]" value="{{$invoice_detail->id}}">
											<input type="hidden" name="hotel_id[{{ $idx_item }}]" value="{{$invoice->hotel_id}}">
											<input type="hidden" name="invoice_id[{{ $idx_item }}]" value="{{$invoice->id}}">
											<input type="hidden" name="booking_detail_id[{{ $idx_item }}]" id="booking_detail_id{{$idx_item}}" data-idx="{{$idx_item}}" value="{{$invoice_detail->booking_detail_id}}">
											<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="{{$invoice_detail->room_no}}">
											<input type="hidden" name="total[{{ $idx_item }}]" id="total{{$idx_item}}" data-idx="{{$idx_item}}" value="{{$invoice_detail->total}}">
                                            @endif
										</td>
										<td>
                                            Generate | System
										</td>
										<td>
											<span>{{date('d-m-Y', strtotime($invoice_detail->date))}}</span>
										</td>
										<td>{{$invoice_detail->room_no}}</td>
										<td class="text-center">1</td>
										<td>{{$invoice_detail->description}}</td>
										{{-- <td class="text-right">{{ribuan($invoice_detail->harga_satuan)}}</td> --}}
										<td class="text-right">{{ribuanWithComma($invoice_detail->harga_satuan)}} {!! $diskon ? ($tipediskon == 1 ? '<br>(Diskon '.$diskon.'% x '.ribuanWithComma($this_harga_normal).')' : '<br>('.ribuanWithComma($this_harga_normal).' - ( '.ribuanWithComma($diskon).' diskon) )' ) : '' !!}</td>
										<td class="text-right">
											{{-- {{ribuan($invoice_detail->total)}} --}}
											{{ribuanWithComma($invoice_detail->total)}}
                                            @if ($invoice_detail->jenis_transaksi == 1)
											@php $balance_due += $invoice_detail->total; @endphp
                                            @endif
										</td>
										<td class="text-center">
											<span class="text-success"><i class="fas fa-lock"></i></span>
                                            @if (\Auth::user()->isAdmin())
                                                <a href="#" onclick="deleteInvoiceDetail({{ $invoice_detail->id }})" class="text-danger"><i class="fa fa-trash"></i></a>
                                            @endif
										</td>
									</tr>
                                        {{-- @if (simpleBill())
                                            <tr>
                                                <td colspan="5"></td>
                                                <td>Tax</td>
                                                <td class="text-right">{{ @$invoice_detail->bookingDetail ? ribuanWithComma($invoice_detail->bookingDetail->per_item_tax) : '-' }}</td>
                                                <td class="text-right"></td>
                                                <td class="text-center"><i class="text-secondary icon-arrow-down7"></i></td>
                                            </tr>
                                            <tr>
                                                <td colspan="5"></td>
                                                <td>Service</td>
                                                <td class="text-right">{{ @$invoice_detail->bookingDetail ? ribuanWithComma($invoice_detail->bookingDetail->per_item_services) : '-' }}</td>
                                                <td class="text-right"></td>
                                                <td class="text-center"><i class="text-secondary icon-arrow-down7"></i></td>
                                            </tr>
                                            <tr>
                                                <td colspan="5"></td>
                                                <td>Real Price</td>
                                                <td class="text-right">{{ @$invoice_detail->bookingDetail ? ribuanWithComma($invoice_detail->bookingDetail->per_item_real) : '-' }}</td>
                                                <td class="text-right"></td>
                                                <td class="text-center"><i class="text-secondary icon-circle2"></i></td>
                                            </tr>
                                        @endif --}}
                                    @endif

									{{-- SHOP TRANSACTION --}}
									@elseif($invoice_detail->shop_transaction_id)
                                    @php
                                        $harga_satuan = $invoice_detail->qty ? $invoice_detail->total/$invoice_detail->qty : 0 ;
                                    @endphp
									<tr id="shop_{{$invoice_detail->shop_transaction_id}}" class="cekshop_{{$idx_item}} {{$invoice_detail->jenis_transaksi == 1 ? 'text-success' : 'text_correction_class text-danger'}}">
										<td>
                                            @if(($invoice_detail->jenis_transaksi == 1))
											<input type="checkbox" name="check[{{$idx_item}}]"
                                                id="check_shoptrans{{$idx_item}}" value="{{$idx_item}}"
                                                data-idx="{{$idx_item}}"
                                                checked
                                            >
											<input type="hidden" name="detail_id[{{ $idx_item }}]" value="{{$invoice_detail->id}}">
											<input type="hidden" name="hotel_id[{{ $idx_item }}]" value="{{$invoice_detail->hotel_id}}">
											<input type="hidden" name="invoice_id[{{ $idx_item }}]" value="{{$invoice_detail->invoice_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}}" value="{{$invoice_detail->shop_transaction_id}}">
											<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="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="{{$invoice_detail->room_no}}">
											<input type="hidden" name="harga_satuan[{{ $idx_item }}]" id="harga_satuan{{$idx_item}}" data-idx="{{$idx_item}}" value="{{ $harga_satuan }}">
                                            @endif
										</td>
										<td>{{ config('custom.jenis_transaksi')[$invoice_detail->shopTransaction->jenis_transaksi] }} | {{ @$invoice_detail->shopTransaction->user->nama }}</td>
										<td class="tanggal_transaksi">{{ date('d-m-Y',strtotime($invoice_detail->date)) }}</td>
										<td class="nomor_kamar">{{@$invoice_detail->room_no}}</td>
										<td class="text-center">
											<input type="hidden" name="qty[{{ $idx_item }}]" id="qty{{$idx_item}}" data-idx="{{$idx_item}}" class="form-control" value="{{ $invoice_detail->qty }}" min="0">
											<span class="qty_text">{{$invoice_detail->qty}}</span>
										</td>
										<td class="nama_menu">{{@$invoice_detail->description}}</td>
										<td class="harga_satuan text-right">
											{{-- {{ribuan($harga_satuan)}} --}}
											{{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="{{ $invoice_detail->total }}">
											{{-- <span class="total_text">{{ ribuan($invoice_detail->total) }}</span> --}}
											<span class="total_text">{{ ribuanWithComma($invoice_detail->total) }}</span>
                                            @if ($invoice_detail->jenis_transaksi == 1)
											@php $balance_due += $invoice_detail->total; @endphp
                                            @endif
										</td>
										@if($invoice_kamar->status_booking != 2)
											@if(\Session::get('backdate'))
												@if(\Session::get('backdate') == $invoice_detail->date)
												<td class="text-center">
													<a href="#" onclick="deleteShopTransaction({{ $invoice_detail->shop_transaction_id }})" class="text-danger"><i class="fa fa-trash"></i></a>
													{{--
														<a href="#" onclick="editShopTransaction({{ $invoice_detail->shop_transaction_id }})"
															class="text-warning" data-target="#invoicetransaksimodal"
															data-toggle="modal"
															><i class="fas fa-pencil-alt"></i></a>
													--}}
												</td>
												@else
                                                    <td class="text-center">
                                                        <span class="text-success"><i class="fas fa-lock"></i></span>
                                                        @if (\Auth::user()->isAdmin())
                                                            <a href="#" onclick="deleteInvoiceDetail({{ $invoice_detail->id }})" class="text-danger"><i class="fa fa-trash"></i></a>
                                                        @endif
                                                    </td>
												@endif
											@else
											<td class="text-center">
												<span class="text-success"><i class="fas fa-lock"></i></span>
											</td>
											@endif
										@else
										<td></td>
										@endif
									</tr>

									{{-- BOOKING DEPOSIT --}}
									@elseif($invoice_detail->booking_deposit_id)
                                    @php
                                        $description_invoice_deposit = '';

                                        if (@$invoice_detail->bookingDeposit->jenis_deposit != 5) {
                                            $description_invoice_deposit = $invoice_detail->description .' '.( $invoice_detail->bookingDeposit->jenis_deposit != 1 ? config('custom.jenis_deposit')[@$invoice_detail->bookingDeposit->jenis_deposit].' '.@$invoice_detail->bookingDeposit->bank : '' ).' '.(@$invoice_detail->bookingDeposit->platform->nama ?? '').' '.(@$invoice_detail->bookingDeposit->voucher ? '/'.@$invoice_detail->bookingDeposit->voucher : '').' '.(@$invoice_detail->bookingDeposit->description ? '- '.@$invoice_detail->bookingDeposit->description : '' );
                                        }else{
                                            $description_invoice_deposit = $invoice_detail->description .' '. config('custom.jenis_deposit')[@$invoice_detail->bookingDeposit->jenis_deposit].' - '.(@$invoice_detail->bookingDeposit->transfer ? 'Transfer' : (@$invoice_detail->bookingDeposit->segmentation ? config('custom.segment_ratecodes')[@$invoice_detail->bookingDeposit->segmentation] : '')).' '.(@$invoice_detail->bookingDeposit->platform->nama ?? '').' '.(@$invoice_detail->bookingDeposit->voucher ? '/'.@$invoice_detail->bookingDeposit->voucher : '').' '.(@$invoice_detail->bookingDeposit->description ? '- '.@$invoice_detail->bookingDeposit->description : '' );
                                        }
                                    @endphp

									<tr id="deposit_{{$invoice_detail->booking_deposit_id}}" class="cekdeposit_{{$idx_item}} {{$invoice_detail->jenis_transaksi == 1 ? 'text-success' : 'text_correction_class text-danger'}}">
										<td>
                                            @if(($invoice_detail->jenis_transaksi == 1))
											<input type="checkbox" name="check[{{$idx_item}}]"
                                                id="check_deposit{{$idx_item}}" value="{{$idx_item}}"
                                                data-idx="{{$idx_item}}"
                                                checked
                                            >
											<input type="hidden" name="detail_id[{{ $idx_item }}]" value="{{$invoice_detail->id}}">
											<input type="hidden" name="hotel_id[{{ $idx_item }}]" value="{{$invoice_detail->hotel_id}}">
											<input type="hidden" name="invoice_id[{{ $idx_item }}]" value="{{$invoice_detail->invoice_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="{{ $invoice_detail->booking_deposit_id }}">
											<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="">
											<input type="hidden" name="qty[{{ $idx_item }}]" id="qty{{$idx_item}}" data-idx="{{$idx_item}}" min="0">
											{{-- <input type="hidden" name="description[{{ $idx_item }}]" id="description{{$idx_item}}" data-idx="{{$idx_item}}" value="{{ $invoice_detail->description }} {{ config('custom.jenis_deposit')[@$invoice_detail->bookingDeposit->jenis_deposit].' '.@$invoice_detail->bookingDeposit->bank }} {{@$invoice_detail->bookingDeposit->platform->nama ?? ''}} {{ @$invoice_detail->bookingDeposit->voucher ? '/'.@$invoice_detail->bookingDeposit->voucher : '' }} {{ @$invoice_detail->bookingDeposit->description ? '- '.@$invoice_detail->bookingDeposit->description : '' }}"> --}}
											<input type="hidden" name="description[{{ $idx_item }}]" id="description{{$idx_item}}" data-idx="{{$idx_item}}" value="{{ $description_invoice_deposit }}">
											<input type="hidden" name="room_no[{{ $idx_item }}]" id="room_no{{$idx_item}}" data-idx="{{$idx_item}}" value="{{$invoice_detail->room_no}}">
                                            @endif
										</td>
										<td>
											{{ config('custom.jenis_transaksi')[$invoice_detail->bookingDeposit->jenis_transaksi] }} | {{@$invoice_detail->bookingDeposit->user->nama}}
										</td>
										<td class="tanggal_deposit">
											{{ date('d-m-Y', strtotime($invoice_detail->date)) ?? '-' }}
										</td>
										<td>
											{{@$invoice_detail->room_no}}
										</td>
										<td>
											{{-- {{@$invoice_detail->bookingDeposit->user->nama}} --}}
										</td>
										<td class="nama_deposit">
											{{-- {{ $invoice_detail->description }} {{ config('custom.jenis_deposit')[@$invoice_detail->bookingDeposit->jenis_deposit].' '.@$invoice_detail->bookingDeposit->bank }} {{@$invoice_detail->bookingDeposit->platform->nama ?? ''}} {{ @$invoice_detail->bookingDeposit->voucher ? '/'.@$invoice_detail->bookingDeposit->voucher : '' }} {{ @$invoice_detail->bookingDeposit->description ? '- '.@$invoice_detail->bookingDeposit->description : '' }} --}}
                                            {{ $description_invoice_deposit }}
										</td>
										<td class="text-right"></td>
										<td class="text-right">
                                            <input type="hidden" name="harga_satuan[{{ $idx_item }}]" id="harga_satuan{{$idx_item}}" data-idx="{{$idx_item}}" value="{{ $invoice_detail->total *-1 }}">
											<input type="hidden" name="total[{{ $idx_item }}]" id="total{{$idx_item}}" data-idx="{{$idx_item}}" class="form-control" value="{{$invoice_detail->total *-1 }}">
											{{-- <span class="total_text">{{ribuan($invoice_detail->total *-1 )}}</span> --}}
											<span class="total_text">{{ribuanWithComma($invoice_detail->total *-1 )}}</span>
                                            @if ($invoice_detail->jenis_transaksi == 1)
											@php $balance_due -= $invoice_detail->total; @endphp
                                            @endif
										</td>
										@if($invoice_kamar->status_booking != 2)
											@if(\Session::get('backdate'))
												@if(\Session::get('backdate') == $invoice_detail->date)
												<td class="text-center">
													{{-- @if(\Session::get('shift')) --}}
													{{-- <form id="delete_deposit{{$invoice_detail->booking_deposit_id}}"
														  action="{{url('delete-deposit-invoice')}}"
														  method="post"
													>
														@csrf
														<input type="hidden" name="deposit_id" value="{{ $invoice_detail->booking_deposit_id }}">
													</form> --}}
													<a href="#" onclick="deleteBookingDeposit({{ $invoice_detail->booking_deposit_id }})" class="text-danger"><i class="fa fa-trash"></i></a>
													{{-- @endif --}}
												</td>
												@else
                                                    <td class="text-center">
                                                        <span class="text-success"><i class="fas fa-lock"></i></span>
                                                        @if (\Auth::user()->isAdmin())
                                                            <a href="#" onclick="deleteInvoiceDetail({{ $invoice_detail->id }})" class="text-danger"><i class="fa fa-trash"></i></a>
                                                        @endif
                                                    </td>
												@endif
											@else
											<td class="text-center">
												<span class="text-success"><i class="fas fa-lock"></i></span>
                                                @if (\Auth::user()->isAdmin())
                                                    <a href="#" onclick="deleteInvoiceDetail({{ $invoice_detail->id }})" class="text-danger"><i class="fa fa-trash"></i></a>
                                                @endif
											</td>
											@endif
										@else
										<td></td>
										@endif
									</tr>
									@endif
									@php $idx_item++; @endphp
								@endforeach
							@endif
                            @endif

							{{-- fetch pembayaran --}}
							@if($pembayarans)
								@foreach ($pembayarans as $key=>$pembayaran)
                                    @php
                                        $description_pembayaran = '';

                                        if (!in_array($pembayaran->jenis_pembayaran_id, [5])){
                                            $description_pembayaran .= 'Payment '.($pembayaran->jenis_pembayaran_id  ? (config('custom.jenis_pembayaran')[$pembayaran->jenis_pembayaran_id].' '.$pembayaran->bank) : '').' '.(@$pembayaran->platformPembayaran->nama ?? '').' A.N. '.@$pembayaran->invoice->nama_pelanggan.' '.($pembayaran->voucher ? '/'.$pembayaran->voucher : '').' '.($pembayaran->description ? '- '.$pembayaran->description : '');
                                        }else{
                                            $description_pembayaran .= 'Payment '.($pembayaran->jenis_pembayaran_id  ? (config('custom.jenis_pembayaran')[$pembayaran->jenis_pembayaran_id].' '.$pembayaran->bank) : '').' - '.($pembayaran->transfer ? 'Transfer' : ($pembayaran->segment ? config('custom.segment_ratecodes')[$pembayaran->segment] : '')).' A.N. '.@$pembayaran->invoice->nama_pelanggan.' '.($pembayaran->voucher ? '/'.$pembayaran->voucher : '').' '.($pembayaran->description ? '- '.$pembayaran->description : '');
                                        }

                                    @endphp

									@if ($pembayaran->tipe_pembayaran == 1)
										<tr id="pembayaran_{{$pembayaran->id}}" class="cekpembayaran_{{$idx_item}}">
											<td>
												<input type="checkbox" name="check[{{$idx_item}}]"
                                                id="check_pembayaran{{$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="{{$invoice->hotel_id}}" >
											<input type="hidden" name="invoice_id[{{ $idx_item }}]" id="invoice_id{{$idx_item}}" value="{{$invoice->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="{{ $pembayaran->id }}" >
											<input type="hidden" name="pembayaran_id[{{ $idx_item }}]" id="pembayaran_id{{$idx_item}}" data-idx="{{$idx_item}}" >
											<input type="hidden" name="tipe_pembayaran[{{ $idx_item }}]" id="tipe_pembayaran{{$idx_item}}" data-idx="{{$idx_item}}" value="1">
											<input type="hidden" name="date[{{ $idx_item }}]"
												id="date{{$idx_item}}" data-idx="{{$idx_item}}"
												value="{{ ($pembayaran->jenis_deposit == 3 ? ($pembayaran->transferAkunting ? $pembayaran->transferAkunting->transaction_date->format('d-m-Y') : $pembayaran->transaction_date ) : date('d-m-Y', strtotime($pembayaran->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 }}]" value="{{$pembayaran->nominal*-1}}" id="harga_satuan{{$idx_item}}" data-idx="{{$idx_item}}" >
											<input type="hidden" name="description[{{ $idx_item }}]"
													id="description{{$idx_item}}" data-idx="{{$idx_item}}"
													value="{{ $description_pembayaran }}"
											>
											<input type="hidden" name="room_no[{{ $idx_item }}]" id="room_no{{$idx_item}}" data-idx="{{$idx_item}}" value="{{@$invoice_titles->nomor_kamar}}"  >
											</td>
											<td>
                                                Posting | {{@$pembayaran->user->nama}}
											</td>
											<td>
												<span>{{date('d-m-Y', strtotime($pembayaran->transaction_date))}}</span>
											</td>
											<td>{{@$invoice_titles->nomor_kamar}}</td>
											<td class="text-center"></td>
											{{-- <td>Pembayaran {{ $pembayaran->jenis_pembayaran_id ? config('custom.jenis_pembayaran')[$pembayaran->jenis_pembayaran_id].' '.$pembayaran->bank : '' }}  {{@$pembayaran->platformPembayaran->nama ?? ''}}  A.N. {{ $pembayaran->invoice->nama_pelanggan }} {{ $pembayaran->voucher ? '/'.$pembayaran->voucher : '' }}  {{ $pembayaran->description ? '- '.$pembayaran->description : '' }}</td> --}}
											<td>{{ $description_pembayaran }}</td>
											<td class="text-right"></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->nominal*-1}}"
												>

												{{-- {{ribuan($pembayaran->nominal *-1 )}} --}}
												{{ribuanWithComma($pembayaran->nominal *-1 )}}
												@php $balance_due -= $pembayaran->nominal; @endphp
											</td>
											<td class="text-center">
												<span class="text-success"><i class="fas fa-lock"></i></span>
                                                @if (\Auth::user()->isAdmin() && $pembayaran->tipe_pembayaran == 1 && ($invoice_kamar->status_booking != 2) )
                                                    <a href="#" onclick="deletePembayaran({{ $pembayaran->id }})" class="text-danger"><i class="fa fa-trash"></i></a>
                                                @endif
											</td>
										</tr>
									@else
										@php
											$refunds[] = $pembayaran;
										@endphp
									@endif

									@php $idx_item++; @endphp
								@endforeach
							@endif

							{{-- Fetch booking deposit --}}
							@if($booking_deposits)
								@foreach($booking_deposits as $key => $deposit)

                                @php

                                    $description_deposit = '';

                                    if (!in_array($deposit->jenis_deposit, [5])){
                                        $description_deposit .= ($deposit->deposit_reservasi == 1 ? "Deposit" : "Payment").' '.config('custom.jenis_deposit')[$deposit->jenis_deposit].' '.$deposit->bank.' '.(@$deposit->platform->nama ?? '').' A.N. '.$deposit->nama.' '.($deposit->voucher ? '/'.$deposit->voucher : '').' '.($deposit->description ? '- '.$deposit->description : '');
                                    }else{
                                        $description_deposit .= ($deposit->deposit_reservasi == 1 ? "Deposit" : "Payment").' '.(config('custom.jenis_deposit')[$deposit->jenis_deposit].' '.$deposit->bank).' - '.($deposit->transfer ? 'Transfer' : ($deposit->segmentation ? config('custom.segment_ratecodes')[$deposit->segmentation] : '')).' A.N. '. $deposit->nama.' '.($deposit->voucher ? '/'.$deposit->voucher : '').' '.($deposit->description ? '- '.$deposit->description : '');
                                    }
                                @endphp

								<tr id="invoice_item{{$idx_item}}" class="{{$deposit->jenis_transaksi == 1 ? 'text-success' : 'text_correction_class text-danger'}}" 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="{{$invoice->hotel_id}}" {{($deposit->jenis_transaksi == 1) && is_null($deposit->deleted_at) ? '' : 'disabled'}}>
										<input type="hidden" name="invoice_id[{{ $idx_item }}]" id="invoice_id{{$idx_item}}" value="{{$invoice->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->tanggal_transfer->format('d-m-Y') :  $deposit->transaction_date->format('d-m-Y') ) : date('d-m-Y', strtotime($deposit->transaction_date))) ?? '' }}"
											   {{($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=" {{$deposit->nominal*-1}}" data-idx="{{$idx_item}}" {{($deposit->jenis_transaksi == 1) && is_null($deposit->deleted_at) ? '' : 'disabled'}}>
										<input type="hidden" name="description[{{ $idx_item }}]"
											   id="description{{$idx_item}}" data-idx="{{$idx_item}}"
                                               {{-- value="{{$deposit->deposit_reservasi == 1 ? "Deposit" : "" }} Pembayaran {{ config('custom.jenis_deposit')[$deposit->jenis_deposit].' '.$deposit->bank }} {{@$deposit->platform->nama ?? ''}} A.N. {{ $deposit->nama }} {{ $deposit->voucher ? '/'.$deposit->voucher : '' }} {{ $deposit->description ? '- '.$deposit->description : '' }}" --}}
											   value="{{ $description_deposit }}"
											   {{($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="{{@$deposit->nomor_kamar}}"  {{($deposit->jenis_transaksi == 1) && is_null($deposit->deleted_at) ? '' : 'disabled'}}>
                                        <input type="hidden" name="total[{{ $idx_item }}]" id="total{{$idx_item}}" data-idx="{{$idx_item}}" value="{{$deposit->nominal}}">
                                    </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>
										{{@$deposit->nomor_kamar}}
									</td>
									<td>

									</td>
                                    {{-- @if (!in_array($deposit->jenis_deposit, [5]))
                                        <td class="nama_deposit">
                                           {{$deposit->deposit_reservasi == 1 ? "Deposit" : "Pembayaran" }} {{ config('custom.jenis_deposit')[$deposit->jenis_deposit].' '.$deposit->bank }} {{@$deposit->platform->nama ?? ''}} A.N. {{ $deposit->nama }} {{ $deposit->voucher ? '/'.$deposit->voucher : '' }} {{ $deposit->description ? '- '.$deposit->description : '' }}
                                        </td>
                                    @else
                                        <td class="nama_deposit">
                                            {{ config('custom.jenis_deposit')[$deposit->jenis_deposit].' '.$deposit->bank }} - {{ $deposit->transfer ? 'Transfer' : config('custom.segment_ratecodes')[$deposit->segmentation] }} A.N. {{ $deposit->nama }} {{ $deposit->voucher ? '/'.$deposit->voucher : '' }} {{ $deposit->description ? '- '.$deposit->description : '' }}
                                        </td>
                                    @endif --}}

                                    <td class="nama_deposit">
                                        {{$description_deposit}}
                                     </td>

									<td class="text-right"></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"> {{ ribuan($deposit->nominal *-1 ) }}</span> --}}
											<span class="total_text"> {{ ribuanWithComma($deposit->nominal *-1 ) }}</span>
											@php $balance_due -= $deposit->nominal ; @endphp
										@else
											{{-- <span class="total_text">{{ ribuan($deposit->nominal *-1 ) }}</span> --}}
											<span class="total_text">{{ ribuanWithComma($deposit->nominal *-1 ) }}</span>
											@php $balance_due += $deposit->nominal ; @endphp
										@endif
									</td>
									<td class="text-center">
										<!-- Jika Belum Checkout -->
										{{-- @if(\Session::get('shift')) --}}
											@if($invoice_kamar->status_booking != 2)
                                                @if(dateFormat($deposit->transaction_date, 'Y-m-d') == getSystemDate() && is_null($deposit->deposit_reservasi))
													@if($deposit->jenis_transaksi == 1 && is_null($deposit->deleted_at))
													<form id="delete_deposit{{$deposit->id}}"
														  action="{{url('delete-deposit-invoice')}}"
														  method="post"
													>
														@csrf
														<input type="hidden" name="deposit_id" value="{{ $deposit->id }}">
													</form>
													<a href="#" onclick="deleteBookingDeposit({{ $deposit->id }})" class="text-danger"><i class="fa fa-trash"></i></a>
                                                    @elseif ($deposit->jenis_transaksi == 0)
                                                    <a href="#" onclick="showReasonCorrection('{{$deposit->reason_correction}}')" class="text-info"><i class="fa fa-info-circle"></i></a>
                                                    @endif
                                                @else
                                                    <span class="text-success"><i class="fas fa-lock"></i></span>
                                                    @if (\Auth::user()->isAdmin() && $deposit->jenis_transaksi == 1)
                                                        <a href="#" onclick="deleteBookingDeposit({{ $deposit->id }})" class="text-danger"><i class="fa fa-trash"></i></a>
                                                    @endif
                                                @endif
                                            @else
                                                <span class="text-success"><i class="fas fa-lock"></i></span>
											@endif
										{{-- @endif --}}
									</td>
								</tr>
									@php $idx_item++; @endphp
								@endforeach
							@endif

							{{-- Fetch Transaksi Shop --}}
							@if($tambahan)
								@foreach ($tambahan as $key=>$value)
									@foreach ($value as $key2 => $val)
									@php
									$harga_satuan = $val->jumlah > 0 ? $val->grand_total / $val->jumlah : 0;
									@endphp
									<tr id="invoice_item{{$idx_item}}" class="{{$val->jenis_transaksi == 1 ? 'text-success' : ' text_correction_class text-danger'}} "  style="{{ is_null($val->deleted_at) ? '' : 'display:none;' }}">
										<td>
											@if(($val->jenis_transaksi == 1) && is_null($val->deleted_at) ? 'checked' : '')
											<input type="checkbox" name="check[{{$idx_item}}]"
												   id="check{{$idx_item}}" value="{{$idx_item}}"
												   data-idx="{{$idx_item}}"
												   {{($val->jenis_transaksi == 1) && is_null($val->deleted_at) ? 'checked' : ''}}
											>
											@endif
											<input type="hidden" name="detail_id[{{ $idx_item }}]" id="detail_id{{$idx_item}}" value="" {{($val->jenis_transaksi == 1) && is_null($val->deleted_at) ? '' : 'disabled'}}>
											<input type="hidden" name="hotel_id[{{ $idx_item }}]" id="hotel_id{{$idx_item}}" value="{{$invoice->hotel_id}}" {{($val->jenis_transaksi == 1) && is_null($val->deleted_at) ? '' : 'disabled'}}>
											<input type="hidden" name="invoice_id[{{ $idx_item }}]" value="{{$invoice->id}}" id="invoice_id{{$idx_item}}" {{($val->jenis_transaksi == 1) && is_null($val->deleted_at) ? '' : 'disabled'}}>
											<input type="hidden" name="booking_detail_id[{{ $idx_item }}]" id="booking_detail_id{{$idx_item}}" data-idx="{{$idx_item}}" {{($val->jenis_transaksi == 1) && is_null($val->deleted_at) ? '' : 'disabled'}}>
											<input type="hidden" name="shop_transaction_id[{{ $idx_item }}]" id="shop_transaction_id{{$idx_item}}" data-idx="{{$idx_item}}" value="{{$val->id}}" {{($val->jenis_transaksi == 1) && is_null($val->deleted_at) ? '' : 'disabled'}}>
											<input type="hidden" name="booking_deposit_id[{{ $idx_item }}]" id="booking_deposit_id{{$idx_item}}" data-idx="{{$idx_item}}" {{($val->jenis_transaksi == 1) && is_null($val->deleted_at) ? '' : 'disabled'}}>
											<input type="hidden" name="pembayaran_id[{{ $idx_item }}]" id="pembayaran_id{{$idx_item}}" data-idx="{{$idx_item}}" {{($val->jenis_transaksi == 1) && is_null($val->deleted_at) ? '' : 'disabled'}}>
											<input type="hidden" name="date[{{ $idx_item }}]" id="date{{$idx_item}}" data-idx="{{$idx_item}}" value="{{ date('d-m-Y',strtotime($val->transaction_date)) }}" {{($val->jenis_transaksi == 1) && is_null($val->deleted_at) ? '' : 'disabled'}}>
											<input type="hidden" name="description[{{ $idx_item }}]" id="description{{$idx_item}}" data-idx="{{$idx_item}}" value="{{($val->menu) ? $val->menu->nama : $val->keterangan_custom}}  {{ $val->description ? '- '.$val->description : '' }}" {{($val->jenis_transaksi == 1) && is_null($val->deleted_at) ? '' : 'disabled'}}>
											<input type="hidden" name="room_no[{{ $idx_item }}]" id="room_no{{$idx_item}}" data-idx="{{$idx_item}}" value="{{@$val->kamar->no_kamar}}" {{($val->jenis_transaksi == 1) && is_null($val->deleted_at) ? '' : 'disabled'}}>
											<input type="hidden"
												   name="harga_satuan[{{ $idx_item }}]"
												   id="harga_satuan{{$idx_item}}"
												   data-idx="{{$idx_item}}"
												   value="{{$harga_satuan}}"
												   {{($val->jenis_transaksi == 1) && is_null($val->deleted_at) ? '' : 'disabled'}}
											>
										</td>
										<td>{{ config('custom.jenis_transaksi')[$val->jenis_transaksi] }} | {{ @$val->user->nama }}</td>
										<td class="tanggal_transaksi">{{ date('d-m-Y',strtotime($val->transaction_date)) }}</td>
										<td class="nomor_kamar">{{@$val->kamar->no_kamar}}</td>
										<td class="text-center">
											<input type="hidden" name="qty[{{ $idx_item }}]" id="qty{{$idx_item}}" data-idx="{{$idx_item}}" class="form-control" value="{{ $val->jumlah }}" min="0" {{($val->jenis_transaksi == 1) && is_null($val->deleted_at) ? '' : 'disabled'}}>
											<span class="qty_text">{{ ribuan($val->jumlah) }}</span>
										</td>
										<td class="nama_menu">{{$val->menu ? $val->menu->nama : $val->keterangan_custom}} {{ $val->description ? '- '.$val->description : '' }}</td>
										<td class="harga_satuan text-right">
											{{-- {{ ribuan($harga_satuan) }} --}}
											{{ 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="{{ $val->grand_total }}"
												   {{($val->jenis_transaksi == 1) && is_null($val->deleted_at) ? '' : 'disabled'}}
											>
											@if($val->jenis_transaksi == 1)
												{{-- <span class="total_text">{{ ribuan($val->grand_total) }}</span> --}}
												<span class="total_text">{{ ribuanWithComma($val->grand_total) }}</span>
												@php $balance_due += $val->grand_total; @endphp
											@else
												{{-- <span class="total_text"> {{ ribuan($val->grand_total) }}</span> --}}
												<span class="total_text"> {{ ribuanWithComma($val->grand_total) }}</span>
												@php $balance_due -= $val->grand_total; @endphp
											@endif
										</td>
										<td class="text-center">
											<!-- Jika Belum Checkout -->
											{{-- @if(\Session::get('shift')) --}}
												@if($invoice_kamar->status_booking != 2)
													@if($val->transaction_date == getSystemDate())
														@if($val->jenis_transaksi == 1 && is_null($val->deleted_at))
														<form id="delete_shoptransaction{{$val->id}}"
															  action="{{url('delete-shoptransaction-invoice')}}"
															  method="post"
														>
															@csrf
															<input type="hidden" name="shop_transaction_id[{{$idx_item}}]" value="{{ $val->id }}">
														</form>
														<a href="#" onclick="deleteShopTransaction({{ $val->id }})" class="text-danger"><i class="fa fa-trash"></i></a>
                                                        @elseif ($val->jenis_transaksi == 0)
														<a href="#" onclick="showReasonCorrection('{{$val->reason_cancel}}')" class="text-info"><i class="fa fa-info-circle"></i></a>
														@endif
													@else
														<span class="text-success"><i class="fas fa-lock"></i></span>
                                                        @if (\Auth::user()->isAdmin() && $val->jenis_transaksi == 1)
                                                            <a href="#" onclick="deleteShopTransaction({{ $val->id }})" class="text-danger"><i class="fa fa-trash"></i></a>
                                                        @endif
													@endif
                                                @else
                                                    <span class="text-success"><i class="fas fa-lock"></i></span>
												@endif
                                            {{-- @else --}}
                                                {{-- <span class="text-success"><i class="fas fa-lock"></i></span> --}}
											{{-- @endif --}}
										</td>
									</tr>
										@php $idx_item++; @endphp
									@endforeach
								@endforeach
							@endif

                            {{-- Fetch Transaksi POS hanya total bill  --}}
							@if($pembayaran_pos)
                                @foreach ($pembayaran_pos as $key=>$value)
                                    @php
                                    $harga_satuan = $value->nominal;
                                    @endphp
                                    <tr id="invoice_item{{$idx_item}}" class="{{$value->jenis_transaksi == 1 ? 'text-success' : 'text-danger'}}">
                                        <td>
                                            @if(($value->jenis_transaksi == 1) && is_null($value->deleted_at) ? 'checked' : '')
                                            <input type="checkbox" name="check[{{$idx_item}}]"
                                                id="check{{$idx_item}}" value="{{$idx_item}}"
                                                data-idx="{{$idx_item}}"
                                                {{($value->jenis_transaksi == 1) && is_null($value->deleted_at) ? 'checked' : ''}}
                                            >
                                            @endif
                                            <input type="hidden" name="detail_id[{{ $idx_item }}]" id="detail_id{{$idx_item}}" value="" {{($value->jenis_transaksi == 1) && is_null($value->deleted_at) ? '' : 'disabled'}}>
                                            <input type="hidden" name="hotel_id[{{ $idx_item }}]" id="hotel_id{{$idx_item}}" value="{{$invoice->hotel_id}}" {{($value->jenis_transaksi == 1) && is_null($value->deleted_at) ? '' : 'disabled'}}>
                                            <input type="hidden" name="invoice_id[{{ $idx_item }}]" value="{{$invoice->id}}" id="invoice_id{{$idx_item}}" {{($value->jenis_transaksi == 1) && is_null($value->deleted_at) ? '' : 'disabled'}}>
                                            <input type="hidden" name="booking_detail_id[{{ $idx_item }}]" id="booking_detail_id{{$idx_item}}" data-idx="{{$idx_item}}" {{($value->jenis_transaksi == 1) && is_null($value->deleted_at) ? '' : 'disabled'}}>
                                            <input type="hidden" name="shop_transaction_id[{{ $idx_item }}]" id="shop_transaction_id{{$idx_item}}" data-idx="{{$idx_item}}" value="{{$value->id}}" {{($value->jenis_transaksi == 1) && is_null($value->deleted_at) ? '' : 'disabled'}}>
                                            <input type="hidden" name="booking_deposit_id[{{ $idx_item }}]" id="booking_deposit_id{{$idx_item}}" data-idx="{{$idx_item}}" {{($value->jenis_transaksi == 1) && is_null($value->deleted_at) ? '' : 'disabled'}}>
                                            <input type="hidden" name="pembayaran_id[{{ $idx_item }}]" id="pembayaran_id{{$idx_item}}" data-idx="{{$idx_item}}" {{($value->jenis_transaksi == 1) && is_null($value->deleted_at) ? '' : 'disabled'}}>
                                            <input type="hidden" name="pembayaran_pos[{{ $idx_item }}]" id="pembayaran_id{{$idx_item}}" data-idx="{{$idx_item}}" {{($value->jenis_transaksi == 1) && is_null($value->deleted_at) ? '' : 'disabled'}}>
                                            <input type="hidden" name="date[{{ $idx_item }}]" id="date{{$idx_item}}" data-idx="{{$idx_item}}" value="{{ date('d-m-Y',strtotime($value->transaction_date)) }}" {{($value->jenis_transaksi == 1) && is_null($value->deleted_at) ? '' : 'disabled'}}>
                                            <input type="hidden" name="description[{{ $idx_item }}]" id="description{{$idx_item}}" data-idx="{{$idx_item}}" value="{{@$value->cart ? 'Transfer from '.@$value->cart->shop->nama.' '.@$value->cart->order_flag : 'Outlet Bill'}}" {{($value->jenis_transaksi == 1) && is_null($value->deleted_at) ? '' : 'disabled'}}>
                                            <input type="hidden" name="room_no[{{ $idx_item }}]" id="room_no{{$idx_item}}" data-idx="{{$idx_item}}" value="{{@$value->nomor_kamar}}" {{($value->jenis_transaksi == 1) && is_null($value->deleted_at) ? '' : 'disabled'}}>
                                            <input type="hidden"
                                                name="harga_satuan[{{ $idx_item }}]"
                                                id="harga_satuan{{$idx_item}}"
                                                data-idx="{{$idx_item}}"
                                                value="{{$harga_satuan}}"
                                                {{($value->jenis_transaksi == 1) && is_null($value->deleted_at) ? '' : 'disabled'}}
                                            >
                                        </td>
                                        <td>{{ config('custom.jenis_transaksi')[$value->jenis_transaksi] }} | {{ @$value->cart->user->nama }}</td>
                                        <td class="tanggal_transaksi">{{ date('d-m-Y',strtotime($value->transaction_date)) }}</td>
                                        <td class="nomor_kamar">{{@$value->nomor_kamar}}</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" {{($value->jenis_transaksi == 1) && is_null($value->deleted_at) ? '' : 'disabled'}}>
                                            <span class="qty_text"></span>
                                        </td>
                                        <td class="nama_menu">{{@$value->cart ? 'Transfer from '.@$value->cart->shop->nama.' '.@$value->cart->order_flag : 'Outlet Bill'}}</td>
                                        <td class="harga_satuan text-right">
                                            {{-- {{ ribuan($harga_satuan) }} --}}
                                            {{ 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="{{ $value->nominal }}"
                                                {{($value->jenis_transaksi == 1) && is_null($value->deleted_at) ? '' : 'disabled'}}
                                            >
                                            @if($value->jenis_transaksi == 1)
                                                {{-- <span class="total_text">{{ ribuan($value->nominal) }}</span> --}}
                                                <span class="total_text">{{ ribuanWithComma($value->nominal) }}</span>
                                                @php $balance_due += $value->nominal; @endphp
                                            @else
                                                {{-- <span class="total_text">{{ ribuan($value->nominal *-1 ) }}</span> --}}
                                                <span class="total_text">{{ ribuanWithComma($value->nominal *-1 ) }}</span>
                                                @php $balance_due -= $value->nominal *-1 ; @endphp
                                            @endif
                                        </td>
                                        <td class="text-center">
                                            <!-- Jika Belum Checkout -->
                                            {{-- @if(\Session::get('shift')) --}}
                                                {{-- @if($invoice_kamar->status_booking != 2)
                                                    @if($value->transaction_date == getSystemDate())
                                                        @if($value->jenis_transaksi == 1 && is_null($value->deleted_at))
                                                        <a href="#" onclick="deletePembayaranPOS({{ $value->id }})" class="text-danger"><i class="fa fa-trash"></i></a>
                                                        @endif
                                                    @else --}}
                                                        <span class="text-success"><i class="fas fa-lock"></i></span>
                                                        @if (\Auth::user()->isAdmin() && $value->jenis_transaksi == 1)
                                                            <a href="#" onclick="deletePembayaranPOS({{ $value->id }})" class="text-danger"><i class="fa fa-trash"></i></a>
                                                        @endif
                                                    {{-- @endif
                                                @endif --}}
                                            {{-- @endif --}}
                                        </td>
                                    </tr>
                                        @php $idx_item++; @endphp
                                @endforeach
                            @endif

							{{-- Fetch refund --}}
							@if ($refunds)
								@foreach ($refunds as $key=>$pembayaran)
									@if ($pembayaran->tipe_pembayaran == 2)
										<tr id="pembayaran_{{$pembayaran->id}}" class="cekrefund_{{$idx_item}}">
											<td>
												<input type="checkbox" name="check[{{$idx_item}}]"
                                                id="check_refund{{$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="{{$invoice->hotel_id}}" >
											<input type="hidden" name="invoice_id[{{ $idx_item }}]" id="invoice_id{{$idx_item}}" value="{{$invoice->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="{{ $pembayaran->id }}" >
											<input type="hidden" name="pembayaran_id[{{ $idx_item }}]" id="pembayaran_id{{$idx_item}}" data-idx="{{$idx_item}}" >
											<input type="hidden" name="tipe_pembayaran[{{ $idx_item }}]" id="tipe_pembayaran{{$idx_item}}" data-idx="{{$idx_item}}" value="2">
											<input type="hidden" name="date[{{ $idx_item }}]"
												id="date{{$idx_item}}" data-idx="{{$idx_item}}"
												value="{{ ($pembayaran->jenis_deposit == 3 ? $pembayaran->transferAkunting->transaction_date->format('d-m-Y') : date('d-m-Y', strtotime($pembayaran->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}}" data-idx="{{$idx_item}}" >
											<input type="hidden" name="description[{{ $idx_item }}]"
												id="description{{$idx_item}}" data-idx="{{$idx_item}}"
												value="Refund {{ config('custom.jenis_pembayaran')[$pembayaran->jenis_pembayaran_id].' '.$pembayaran->bank }} A.N. {{ $pembayaran->booking->nama }}"

											>
											<input type="hidden" name="room_no[{{ $idx_item }}]" id="room_no{{$idx_item}}" data-idx="{{$idx_item}}" value="{{@$invoice_titles->nomor_kamar}}"  >
											</td>
											<td>
                                                Posting | {{ @$pembayaran->user->nama }}
											</td>
											<td>
												<span>{{date('d-m-Y', strtotime($pembayaran->transaction_date))}}</span>
											</td>
											<td>{{@$invoice_titles->nomor_kamar}}</td>
											<td class="text-center"></td>
											<td>Refund {{ config('custom.jenis_pembayaran')[$pembayaran->jenis_pembayaran_id].' '.$pembayaran->bank }} A.N. {{ $pembayaran->booking->nama }}</td>
											<td class="text-right"></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->nominal}}"
												>

												{{-- {{ribuan($pembayaran->nominal)}} --}}
												{{ribuanWithComma($pembayaran->nominal)}}
												@php $balance_due += $pembayaran->nominal; @endphp
											</td>
											<td class="text-center">
												<span class="text-success"><i class="fas fa-lock"></i></span>
											</td>
										</tr>
									@else
										@php
											$refunds[] = $pembayaran;
										@endphp
									@endif

									@php $idx_item++; @endphp
								@endforeach
							@endif
						@else
						<tr>
							<td colspan="9" class="text-center"><h4>Belum Ada Transaksi</h4></td>
						</tr>
						@endif

						<tr>
							<td colspan="8" class="text-right"><span class="font-weight-bolder">Balance Due | </span> <span id="balance_due">{{ribuanWithComma($balance_due)}}</span></td>
							<td></td>
						</tr>

					</tbody>
				</table>
				<div class="card-footer p-1">
					@if ($invoice_titles->bookings->status_booking == '2')
						<button id="btnprint" data-toggle="modal" data-target="#modal_custom" data-company="{{$invoice_titles->bookings->company ? '1' : '0'}}"
								class="btn {{$invoice_titles->nomor_kamar ? 'btn-success' : 'btn-outline-success'}} btn-lg btn-block"
								type="button"
								{{-- type="submit" --}}
								{{$invoice_titles->nomor_kamar ? '' : 'disabled'}}
						>
							<b>Print Guest Bill <i class="fas fa-file-invoice-dollar"></i></b>
						</button>
					@else
							<button class="btn {{$invoice_titles->nomor_kamar ? 'btn-success' : 'btn-outline-success'}} btn-lg btn-block unblock-callback"
								type="submit"
								{{$invoice_titles->nomor_kamar ? '' : 'disabled'}}
						>
							<b>Print Guest Bill <i class="fas fa-file-invoice-dollar"></i></b>
						</button>

					@endif
				</div>
			</div>
		</form>
	</div>
	<!-- /content area -->

    {{-- Form delete shop --}}
    <form id="delete_shoptransaction"
        action="{{url('delete-shoptransaction-invoice')}}"
        method="post"
    >
      @csrf
      <input type="hidden" name="shop_transaction_id" value="" id="shop_transaction_id">
      <input type="hidden" name="reason_correction" value="" id="reason_correction_id">
    </form>

    {{-- Form delete shop --}}
    <form id="delete_invoicedetails"
        action="{{url('delete-invoice-detail')}}"
        method="post"
    >
      @csrf
      <input type="hidden" name="invoice_detail_id" value="" id="invoice_detail_id">
      <input type="hidden" name="reason_correction" value="" id="reason_invoice_detail">
    </form>

    {{-- Form delete deposit --}}
    <form id="delete_deposit"
        action="{{url('delete-deposit-invoice')}}"
        method="post"
    >
        @csrf
        <input type="hidden" name="deposit_id" value="" id="deposit_id">
        <input type="hidden" name="reason_correction" value="" id="reason_correction_deposit_id">
    </form>

    {{-- Form delete pembayaran pos --}}
    <form id="delete_pembayaran_pos"
        action="{{url('delete-pembayaranpos-invoice')}}"
        method="post"
    >
      @csrf
      <input type="hidden" name="pembayaran_pos_id" value="" id="pembayaran_pos_id">
    </form>

    <form id="delete_pembayaran"
        action="{{url('delete-pembayaran')}}"
        method="post"
    >
      @csrf
      <input type="hidden" name="pembayaran_id" value="" id="pembayaran_id">
    </form>

	<!-- Form update status booking -->
	<form id="form_booking_status" method="post" action="{{route('roomview.update')}}">
		@csrf
		<input type="hidden" name="id" id="id_booking">
		<input type="hidden" name="status_booking" id="status_booking">
		<input type="hidden" name="hotel_id" id="hotel_id">
        <input type="hidden" name="detail_id" id="booking_detail_id">
	</form>

	{{--
	--------------------------------------------------------------
	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> Add Transaction</h6>
					<button type="button" class="close" data-dismiss="modal">&times;</button>
				</div>

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

						@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="{{ hotelID() }}" />
						@endif

                        <input type="hidden" id="tr_room_index" name="room_index">
                        <input type="hidden" id="tr_invoice_id" name="invoice_id" value="{{$invoice_titles->id}}">

						<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" value="{{dateFormat(getSystemDate(), "d-m-Y")}}" readonly>
							</div>
						</div>

						<div class="form-group row">
							<label class="col-form-label col-sm-3">Room Number</label>
							<div class="col-sm-9">
								<div id="tr_no_kamar" class="form-control-plaintext"></div>
								<input id="input_kamar" name="nomor_kamar" type="hidden">
								<input id="tr_booking_id" name="tr_booking_id" type="hidden">
							</div>
						</div>

						<div class="form-group row">
							<label class="col-form-label col-sm-3">Name</label>
							<div class="col-sm-9">
								<input id="tr_nama_kamar" name="nama" class="form-control border-1 border-teal" type="text">
							</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 -->

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

				<div class="modal-body">
					<form id="form-invoice-transaksi" method="post">
						@csrf
						<input type="hidden" name="shop_transaction_id" id="shop_transaction_id">
						@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="{{ hotelID() }}" />
						@endif

						<div class="form-group row">
							<label class="col-form-label col-sm-2">No. Kamar</label>
							<div class="col-sm-10">
								<div id="invoice_no_kamar" class="form-control-plaintext"></div>
								<input id="invoice_kamar_id" name="kamar_id" type="hidden">
								<input id="invoice_booking_id" name="invoice_booking_id" type="hidden">
							</div>
						</div>

						<div class="form-group row">
							<label class="col-form-label col-sm-2">Nama</label>
							<div class="col-sm-10">
								<input id="invoice_nama_kamar" name="nama" class="form-control border-1 border-teal" type="text">
							</div>
						</div>

						<div class="form-group row">
							<label class="col-form-label col-sm-2">Shop</label>
							<div class="col-sm-10">
								<select onchange="getSelectTipeMenus(this.value), getSelectMenuList(this.value)"
										class="form-control form-control-select2 border-1 border-teal"
										name="shop_id"
										id="invoice_shop_id"
								>
									<option value="">--Select Shop--</option>
									@foreach ($shops as $shop)
										<option value="{{$shop->id}}">{{$shop->nama}}</option>
									@endforeach
								</select>
							</div>
						</div>

						<div class="form-group row">
							<label class="col-form-label col-lg-2">Tipe Menu</label>
							<div class="col-lg-10">
								<select name="tipe_menu_id" id="invoice_tipe_menu_id"
										class="form-control form-control-select2"
										data-container-css-class="border-teal"
										data-dropdown-css-class="border-teal"
										onchange="getSelectMenuList(this.value)"
										required
								>
									<option value="">-- Select Tipe Menu --</option>
								</select>
							</div>
						</div>

						<div class="form-group row">
							<label class="col-form-label col-lg-2">Menu List</label>
							<div class="col-lg-10">
								<select name="menu_id" id="invoice_menu_id"
										class="form-control form-control-select2"
										data-container-css-class="border-teal"
										data-dropdown-css-class="border-teal"
										required
								>
									<option value="">-- Select Menu --</option>
								</select>
							</div>
						</div>

						<div class="form-group row">
							<label for="jumlah" class="col-form-label col-lg-2">Jumlah</label>
							<div class="col-lg-4">
								<input type="number" id="invoice_jumlah"
									   name="jumlah" class="form-control border-teal border-1 "
									   min="1" value="1"
									   autofocus required
								>
							</div>
							<label for="total_biaya" class="col-form-label col-lg-1">Total</label>
							<div class="col-lg-4">
								<input type="number" id="invoice_total_biaya"
									   name="total_biaya" class="form-control border-teal border-1 "
									   required
								>
							</div>
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-link" data-dismiss="modal">Close</button>
						<button type="submit" class="btn bg-primary">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-user mr-1"></i>Add Payment</h6>
					<button type="button" class="close" data-dismiss="modal">&times;</button>
				</div>

				<div class="modal-body">
					<form action="{{url('rv_savedeposit')}}" method="POST" id="add_payment">
					@csrf
                    <input type="hidden" id="save_deposit_room_index" name="room_index">
					<div class="form-group row">
						<label class="col-form-label col-sm-3">Room Number</label>
						<div class="col-sm-9">
							<div id="deposit_no_kamar" class="form-control-plaintext"></div>
							<input type="hidden" id="booking_id" name="booking_id">
							<input type="hidden" id="nomor_kamar_depo_modal" name="nomor_kamar">
						</div>
					</div>

					<div class="form-group row">
						<label class="col-form-label col-sm-3">Name</label>
						<div class="col-sm-9">
							<input id="deposit_nama_kamar" name="nama" class="form-control border-1 border-teal" type="text" required>
						</div>
					</div>

					<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>
								@foreach (config('custom.jenis_deposit') as $key => $val)
                                    @if (!in_array($key, [3]))
                                        <option value="{{$key}}">{{$val}}</option>
                                        @continue
                                    @endif
								@endforeach
							</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">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">Daftar Transfer</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 (Opsional)--</option>
								@foreach ($transfers as $transfer)
								<option value="{{$transfer->id}}"
										data-voucher="{{$transfer->voucher}}"
										data-nominal = "{{$transfer->nominal}}"
								>
									{{-- {{$transfer->nama}} /  Rp.{{ribuan($transfer->nominal)}} ({{$transfer->keterangan}}) --}}
									{{$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">
                            @php
                                // $nom_pembayaran = 0;
                                // $nom_refund = 0;
                                // $blc_total = 0;
                                // $nom_shop = 0;

                                // $nominalinvoice = @$invoice_titles->total - @$invoice_titles->total_deposit;
                                // if (count(@$invoice_titles->pembayaran) > 0) {
                                //     foreach ($invoice_titles->pembayaran as $pembayaran) {
                                //         $nom_pembayaran += $pembayaran->nominal;
                                //         $nom_refund += $pembayaran->nominal_refund;
                                //     }
                                // }

                                // if (count(@$invoice_titles->shop_transaction)) {
                                //     foreach ($invoice_titles->shop_transaction as $transaction) {
                                //         $nom_shop += $transaction->grand_total;
                                //     }
                                // }

                                // // calculate bill from POS payment.
                                // if (@count($invoice_titles->bookings->pembayaran_pos)) {
                                //     foreach ($invoice_titles->bookings->pembayaran_pos as $pos) {
                                //         if ($pos->jenis_transaksi == 1) {
                                //             $nom_shop += $pos->nominal;
                                //         }
                                //     }
                                // }

                                // $blc_total = $nominalinvoice + $nom_shop - $nom_pembayaran;
                                // $blc_total = $blc_total + $nom_refund;
                            @endphp
							<input id="nominal_deposit" name="nominal" type="text" class="form-control border-teal border-1 input_comma_custom" required>
                            {{-- <span class="text-success" id="nominal_tagihan">Sisa Total Tagihan : {{ribuan($balance_due)}}</span> --}}
                            <span class="text-success" id="nominal_tagihan">Remaining total : {{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="{{formatDate(getSystemDate())}}" 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 submit-button-check">Save</button>
				</div>

				</form>


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

	{{--
	--------------------------------------------------------------
	Modal Transfer Bill 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 To Guest Bill</h6>
					<button type="button" class="close" data-dismiss="modal">&times;</button>
				</div>

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

                        <input type="hidden" name="invoice_id" value="{{ $invoice_titles->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 text-primary" 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('transfer-to-nonstay')}}" id="nonstay_bill_form" method="POST">
					<div class="modal-body">
						@csrf

                        <input type="hidden" name="invoice_id" value="{{ $invoice_titles->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-->

	{{--
	--------------------------------------------------------------
	Modal Split Bill
	--------------------------------------------------------------
	--}}
    <!--MODAL-->
    <div id="splitbillmodal" class="modal fade" tabindex="-1">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
				<div class="modal-header bg-warning" align="center">
					<h6 class="modal-title"><i class="icon-cash3"></i>&nbsp;Split Bill</h6>
					<button type="button" class="close" data-dismiss="modal">&times;</button>
				</div>
				<form action="{{route('splitbills.store')}}" id="splitbillform" method="POST">
					<div class="modal-body">
						@csrf
						<table class="table table-hover">
							<thead>
								<tr>
									<th>#</th>
									<th>Date</th>
									<th>Name</th>
									<th>Room Number</th>
									<th>Total</th>
								</tr>
							</thead>
							<tbody>
								@php
								$no=1;
								@endphp

								@foreach($invoice->invoicedetail as $detail)

								<tr id="row_{{$detail->id}}">
									<input type="hidden" class="ceksplit" name="inv_detail_id[]" value="{{$detail->id}}">
									<td>
										<input type="checkbox" id="{{$detail->id}}">
										<input type="hidden" name="invoice_id" value="{{$invoice->id}}">
										<input type="hidden" name="redirect" value="{{url('invoice-draft')}}/{{$invoice->id}}">
										<input type="hidden" name="invoice_detail_id[]" value="{{$detail->id}}" disabled>
									</td>
									<td>
										{{tanggalIndo($detail->date)}}
									</td>
									<td>{{$detail->description}}</td>
									<td>
										@if ($detail->room_no != null)
											{{$detail->room_no}}
										@else
											@foreach ($detail->invoice->bookings->bookingDetails as $bookdetail)
												{{$bookdetail->nomor_kamar}}

												@if (!$loop->last)
													,
												@endif
											@endforeach
										@endif
									</td>
									{{-- <td>Rp {{ribuan($detail->total)}}</td> --}}
									<td>Rp {{ribuanWithComma($detail->total)}}</td>

								</tr>
									@php
									$no++;
									@endphp
								@endforeach
							</tbody>
						</table>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-link" data-dismiss="modal">Close</button>
						<button type="submit" class="btn bg-warning">Split</button>
					</div>
				</form>
			</div>
		</div>
	</div>
  	<!--/MODAL-->

	{{--
	--------------------------------------------------------------
	Modal Edit Keterangan Split Bill
	--------------------------------------------------------------
	--}}
	<!--MODAL KETERANGAN-->
    <div id="splitBillKeteranganModal" class="modal fade" tabindex="-1">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header bg-warning" align="center">
					<h6 class="modal-title"><i class="fas fa-user mr-1"></i>Tambah/Edit Keterangan Status Bill</h6>
					<button type="button" class="close" data-dismiss="modal">&times;</button>
				</div>
                <form id="splitbillketerangan" action="{{ route('updateketerangansplitbill')}}" method="post">
                    @method('patch')
                    @csrf
                    <div class="modal-body">
                        <input type="hidden" name="split_bill_id" id="split_bill_id" value="" class="form-control mb-3" required>
                        <div class="form-group">
                            <b>Silahkan Ubah Nama Split Bill.</b>
                         </div>

                        <div class="form-group row">
                            <label class="col-form-label col-sm-3">Nama :</label>
                            <div class="col-sm-9">
                                <input type="text" name="keterangan_split_bill" id="keterangan_split_bill_id" class="form-control mb-3" placeholder="Masukkan Nama ..." required autocomplete="off">
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button type="submit" id="submit_wakeUpCall" class="btn btn-primary">Submit</button>
                    </div>
                </form>
			</div>
		</div>
	</div>
    <!--/MODAL-->

	{{--
	--------------------------------------------------------------
	Delete Split Bill
	--------------------------------------------------------------
	--}}
    <!-- 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('DELETE')
					<div class="modal-body" align="center">
						<h2> Hapus Data? </h2>
					</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 -->

{{--
--------------------------------------------------------------
Pembayaran + Refund Checkout
--------------------------------------------------------------
--}}

	<!-- Checkout Pembayaran Modal -->
	<div id="checkout_pembayaranmodal" class="modal fade">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header bg-success" align="center">
					{{-- <h6 class="modal-title"><i class="fas fa-wallet mr-1"></i> Pembayaran & Checkout</h6> --}}
					<h6 class="modal-title"><i class="fas fa-wallet mr-1"></i> Payment & Checkout</h6>
					<button type="button" class="close" data-dismiss="modal">&times;</button>
				</div>

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

					@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="{{ hotelID() }}" />
					@endif
						<input type="hidden" id="checkout_pembayaran_booking_id" name="booking_id">
                        <input type="hidden" id="checkout_pembayaran_room_index" name="room_index">

					<div class="form-group row">
						<label class="col-form-label col-sm-3">Name</label>
						<div class="col-sm-9">
							<input id="checkout_pembayaran_nama" name="nama" class="form-control border-1 border-teal" type="text">
						</div>
					</div>

                    <div class="form-group row">
						<label class="col-form-label col-sm-3">Payment Method</label>
						<div class="col-lg-9">
							<!-- Kode lama ada onchange="setJenisPembayaran()" -->
							<select name="jenis_pembayaran_id"
									id="checkout_jenis_pembayaran"
									onchange="setJenisPembayaran()"
									class="form-control form-control-select2"
									required
							>
								<option value="">** Select Payment Method **</option>
								@foreach(config('custom.jenis_pembayaran') as $key => $value)
                                    @if(!in_array($key, [3]))
                                    <option value="{{$key}}">{{$value}}</option>
                                    @endif
								@endforeach
							</select>
						</div>
					</div>

					<div class="form-group row" id="checkout_jenis_pembayaran_option" style="display: none">
						<label for="platform_pembayaran" class="col-form-label col-sm-3">Payment Platform</label>
						<div class="col-lg-9">
							<select name="platform_pembayaran_id"
									id="pelunasan_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" id="pembayaran_transfer" style="display: none">
						<label for="platform_pembayaran" class="col-form-label col-sm-3">Transfer List</label>
						<div class="col-lg-9">
							<select name="transfer_akunting_id"
									id="pembayaran_transfer_akunting_id"
									class="form-control form-control-select2 border-1 border-teal"
                                    onchange="insertSelectTransfer();"
							>
								<option value="">-- Select Data(Opsional) --</option>
								@foreach ($transfers as $transfer)
								<option value="{{$transfer->id}}"
										data-voucher="{{$transfer->voucher}}"
										data-nominal = "{{$transfer->nominal}}"
								>
									{{-- {{$transfer->nama}} /  Rp.{{ribuan($transfer->nominal)}} ({{$transfer->keterangan}}) --}}
									{{$transfer->nama}} /  Rp.{{ribuanWithComma($transfer->nominal)}} ({{$transfer->keterangan}})
								</option>
								@endforeach
							</select>
							<br>
							<span id="warning_pembayaran_transfer" class="text-danger"></span>
						</div>
					</div>

                    <div class="form-group row">
                        <div class="col-lg-3"></div>
                        <div class="col-lg-8">
                            <span class="text-danger" id="alert-limit-ledger"></span>
                        </div>
                    </div>

                    <div class="form-group row wrap_segmentation_option" style="display: none">
						<label class="col-form-label col-sm-3">Segmentation</label>
						<div class="col-lg-9">
							<select name="segment" id="checkout_pembayaran_segment" class="form-control form-control-select2 border-1 border-1 addError">
								<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">Transfer</option> --}}
							</select>
						</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">
						</div>
					</div>

                    <!-- <div class="form-group row" id="checkout_jenis_pembayaran_option" style="display: none">
                        <label class="col-form-label col-sm-3"></label>
                        <div class="col-lg-9" id="form_deposit">
                            <div class="row">
                                <div class="col-md">
                                    No. Kartu
                                </div>
                                <div class="col-md">
                                    Bank
                                </div>
                            </div>
                            <div class="row mb-2" data-idx="0" id="row_jenis_pembayaran">
                                <div class="col-md">
                                    <input type="text" name="no_kartu" id="checkout_no_kartu" class="form-control" disabled required>
                                </div>
                                <div class="col-md">
                                    <input type="text" name="bank" id="checkout_bank" class="form-control" disabled required>
                                </div>
                            </div>
                        </div>
                    </div> -->

					{{-- <div class="form-group row">
						<label class="col-form-label col-sm-3">Segmentasi</label>
						<div class="col-lg-9">
							<select name="segment" id="checkout_pembayaran_segment" class="form-control form-control-select2 border-1 border-1" required disabled>
								<option value="">-- Select Segmentasi --</option>
								@foreach(config('custom.segment_ratecodes') as $key => $val)
									<option value="{{$key}}">{{$val}}</option>
								@endforeach
							</select>
						</div>
					</div>

					<div class="form-group row" id="checkout_pembayaran_company_ledger" style="display: none">
						<label class="col-form-label col-sm-3" for="company_ledger"> City Ledger</label>
						<div class="col-lg-9">
							<select name="company_ledger" id="company_ledger_pembayaran_checkout" class="form-control" disabled>
								<option value="">-- Select City Ledger --</option>
								@foreach($company_ledgers as $comled)
								<option value="{{$comled->id}}"
										data-status="{{$comled->status_ledger}}"
										data-status-text="{{ config('custom.status_ledger')[$comled->status_ledger] }}"
										data-perusahaan="{{$comled->comp_title}} {{$comled->name}}"
								>{{$comled->comp_title}} {{$comled->name}}</option>
								@endforeach
							</select>
						</div>
						<div class="col-lg-3"></div>
						<div class="col-lg-9">
							<span class="text-danger" id="company_danger"></span>
						</div>
					</div> --}}

                    {{-- @if ($invoice_titles->booking) --}}
                    <div class="m-2">
                       <label> Details : </label>
                        <table class="table table-hover" >
                            <thead>
                                <tr>
                                    <th>Description</th>
                                    <th>Qty</th>
                                    <th style="text-align:right">Price</th>
                                    <th style="text-align:right">Total</th>
                                </tr>
                            </thead>
                            <tbody id="tabelb_rincian_depo_booking">
                            </tbody>
							<tbody class="tabelb_rincian_pembayaran_sebagian_booking">
                            </tbody>
                            <tbody id="tabelb_rincian_booking">
                            </tbody>
                            <tbody id="tabelb_rincian_shop_booking">
                            </tbody>
                            <tbody class="tabelb_rincian_pembayaranpos">
                            </tbody>
                        </table>
                    </div>
                    {{-- @endif --}}

					<div class="form-group row">
						<label for="total_biaya" class="col-form-label col-lg-3">Nominal</label>
						<div class="col-lg-9">
							<input type="text" id="checkout_pembayaran_nominal" name="nominal" value="" class="form-control border-teal border-1 " required>
							<span class="text-success" id="nominalbayar"></span>
						</div>
					</div>

				</div>

				<div class="modal-footer">
					<button type="button" class="btn btn-link" data-dismiss="modal">Close</button>
					<button type="submit" id="submit_pembayaran_checkout" onclick="checkBeforeCheckout()" class="btn bg-primary submit-button-check">Save</button>
				</div>

				</form>


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


	<!-- Checkout Refund Modal -->
	<div id="checkout_refundmodal" class="modal fade">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header bg-orange" align="center">
					<h6 class="modal-title"><i class="fas fa-wallet mr-1"></i> Refund & Checkout</h6>
					<button type="button" class="close" data-dismiss="modal">&times;</button>
				</div>

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

					@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="{{ hotelID() }}" />
					@endif
						<input type="hidden" id="checkout_refund_booking_id" name="booking_id">
						<input type="hidden" id="checkout_refund_room_index" name="room_index">

					<div class="form-group row">
						<label class="col-form-label col-sm-3">Name</label>
						<div class="col-sm-9">
							<input id="checkout_refund_nama" name="nama" class="form-control border-1 border-teal" type="text">
						</div>
					</div>

					<div class="form-group row">
						<label class="col-form-label col-sm-3">Segment</label>
						<div class="col-lg-9">
							<select name="segment" id="checkout_refund_segment" class="form-control form-control-select2 border-1 border-1" required disabled>
								<option value="">-- Select Segment --</option>
								@foreach(config('custom.segment_ratecodes') as $key => $val)
									<option value="{{$key}}">{{$val}}</option>
								@endforeach
							</select>
						</div>
					</div>

					{{-- <div class="form-group row">
						<label class="col-form-label col-sm-3">Payment Method</label>
						<div class="col-lg-9">
							<select name="jenis_pembayaran_id"
									id="refund_jenis_pembayaran"
									onchange="setJenisRefund()"
									class="form-control form-control-select2"
									required
							>
								<option value="">** Select Payment Method **</option>
								@foreach(config('custom.jenis_refund') as $key => $value)
								<option value="{{$key}}">{{$value}}</option>
								@endforeach
							</select>
						</div>
					</div> --}}

					{{-- <div class="form-group row" id="refund_jenis_pembayaran_option" style="display: none">
						<label for="platform_pembayaran" class="col-form-label col-sm-3">Platform Pembayaran</label>
						<div class="col-lg-9">
							<select name="platform_pembayaran_id"
									id="refund_platform_pembayaran_id"
									class="form-control border-1 border-1"
									disabled
							>
								<option value="">** Select Platform Pembayaran **</option>
							</select>
						</div>
					</div> --}}

					{{-- <div class="form-group row" id="refund_transfer" style="display: none">
						<label for="platform_pembayaran" class="col-form-label col-sm-3">Daftar Transfer</label>
						<div class="col-lg-9">
							<select name="transfer_akunting_id"
									id="refund_transfer_akunting_id"
									class="form-control form-control-select2 border-1 border-teal"
							>
								<option value="">-- Select Data (Opsional) --</option>
								@foreach ($refund_transfers as $transfer)
								<option value="{{$transfer->id}}"
										data-voucher="{{$transfer->voucher}}"
										data-nominal = "{{$transfer->nominal}}"
								>
									{{$transfer->nama}} /  Rp.{{ribuan($transfer->nominal)}} ({{$transfer->keterangan}})
								</option>
								@endforeach
							</select>
							<br>
							<span id="warning_refund_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_refund">
						</div>
					</div> --}}

					{{-- <div class="form-group row" id="checkout_refund_company_ledger" style="display: none">
						<label class="col-form-label col-sm-3">City Ledger</label>
						<div class="col-lg-9">
							<select name="company_ledger" id="checkout_refund_company_ledgers" class="form-control border-1 border-1" disabled>
								<option value="">-- Select City Ledger --</option>
								@foreach($company_ledgers as $comled)
									<option value="{{$comled->id}}">{{$comled->name}}</option>
								@endforeach
							</select>
						</div>
					</div> --}}

                    {{-- NEW REFUND METHOD USING ITEM PAID OUT --}}
                    @if (count($item_paid_out) > 0)
                    <div class="form-group row">
                        <label class="col-form-label col-sm-3">Paid out:</label>
						<div class="col-lg-9">
                            <select name="paid_out_status" id="paid_out_status_checkout" class="form-control border-1 border-1">
                                @foreach ($item_paid_out as $a)
                                    <option value="{{$a->id}}">{{$a->nama}}</option>
                                @endforeach
                            </select>
						</div>
                    </div>
                    @else
                    <div class="form-group row">
                        <label class="col-form-label col-sm-3">Paid out:</label>
                        <label class="col-form-label col-sm-9 text-danger">Please generate item paid out first. <a href="{{route('menus.index')}}/?a=1">click here!</a> </label>
                    </div>
                    @endif

                    {{-- @if ($invoice_titles->bookings) --}}
                    <div class="m-2">
                       <label> Detail : </label>
                        <table class="table table-hover" >
                            <thead>
                                <tr>
                                    <th>Services</th>
                                    <th>Qty</th>
                                    <th style="text-align:right">Price</th>
                                    <th style="text-align:right">Total</th>
                                </tr>
                            </thead>
                            <tbody id="tabelb_rincian_depo_booking_refund">
                            </tbody>
                            <tbody class="tabelb_rincian_pembayaran_sebagian_booking">
                            </tbody>
                            <tbody id="tabelb_rincian_booking_refund">
                            </tbody>
                            <tbody id="tabelb_rincian_shop_booking_refund">
                            </tbody>
                            <tbody class="tabelb_rincian_pembayaranpos">
                            </tbody>
                        </table>
                    </div>
                    {{-- @endif --}}

					<div class="form-group row">
						<label for="total_biaya" class="col-form-label col-lg-3">Nominal Refund</label>
						<div class="col-lg-9">
							<input type="text" id="checkout_nominal_refund" name="nominal" class="form-control border-teal border-1 input_comma_custom" required readonly>
							<span class="text-orange" id="refund_nominalbayar"></span>

						</div>
					</div>

				</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-button-check" id="btn_refund" onclick="checkBeforeCheckoutRefund()" {{count($item_paid_out) > 0 ? '' : 'disabled' }}>Save</button>
				</div>

				</form>


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


{{--
--------------------------------------------------------------
History Transfer Modal
--------------------------------------------------------------
--}}
<!--MODAL-->
<div id="history_transfer_modal" class="modal fade">
	<div class="modal-dialog modal-xl">
		<div class="modal-content">
			<div class="modal-header bg-warning" align="center">
				<h6 class="modal-title">
					<i class="fas fa-history"></i>&nbsp;History Transfer Modal
				</h6>
				<button type="button" class="close" data-dismiss="modal">&times;</button>
			</div>

			<div class="modal-body">
				<table class="table table-hover" id="table_history_transfer">
					<thead>
						<tr>
							<th>#</th>
							<th>Date</th>
							<th>Time</th>
							<th>User</th>
							<th>Description / Voucher</th>
							<th>Transfer Note</th>
						</tr>
					</thead>
					<tbody>

					</tbody>
				</table>
			</div>
		</div>
	</div>
</div>
<!--/MODAL-->

<!-- Alert Modal -->
<div id="alert_modal" class="modal fade" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header bg-warning" align="center">
                <h6 class="modal-title">
                    &nbsp;<h3>Alert!</h3>
                </h6>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>

            <div class="modal-body" align="center" id="text-alert">
            </div>

            <div class="modal-footer">
                <button type="submit" class="btn bg-warning" data-dismiss="modal">Okay</button>
            </div>

        </div>
    </div>
</div>
<!-- /Alert Modal -->

{{-- MODAL CUSTOM NAME AND CUSTOM COMPANY NAME --}}

<!-- modal custom -->
<div id="modal_custom" class="modal fade" tabindex="-1">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header bg-success" align="center">
				<h5 class="modal-title"><i class="icon-printer2"></i> Custom Guest Bill Config</h5>
				<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-sm-4">Custom Name</label>
						<div class="col-sm-8">
							<input id="custom_name" name="custom_name" class="form-control border-1 border-teal" type="text" placeholder="Custom Name">
						</div>
					</div>

					<div class="form-group row" id="ccompanyname_field">
						<label class="col-form-label col-sm-4">Custom Company Name</label>
						<div class="col-sm-8">
							<input id="custom_company_name" name="custom_company_name" class="form-control border-1 border-teal" type="text" placeholder="Custom Company Name">
						</div>
					</div>

				</div>

				<div class="modal-footer">
					<button type="button" class="btn btn-link" data-dismiss="modal">Cancel</button>
					<button target="_blank" id="btncprint" class="btn bg-info unblock-callback"><i class="fas fa-file-invoice-dollar"></i> Print without customized config</button>
					<button target="_blank" id="btncustomprint" class="btn bg-success unblock-callback"><i class="icon icon-printer4"></i> Print with customized config</button>
				</div>
		</div>
	</div>
</div>
<!-- /default modal -->


@endsection

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

    <script src="{{asset('global_assets/js/plugins/forms/inputs/jquery.mask.js')}}"></script>

    <!-- Helpers JS -->
    <script src="{{asset('assets/js/custom.js')}}"></script>

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

	<script src="{{asset('assets/js/app.js')}}"></script>
	<script src="{{asset('global_assets/js/demo_pages/components_modals.js')}}"></script>
	<script src="{{asset('global_assets/js/demo_pages/gallery_library.js')}}"></script>
	<script>
        // 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
                    $('.modal input').on('change', function(e) {
                        $('.submit-add-transaction').attr("disabled", false);
                    });
                    $('.modal select').on('change', function(e) {
                        $('.submit-add-transaction').attr("disabled", false);
                    });
                    $('.submit-add-transaction').click(function(){
                        $(this).attr("disabled", true);
                        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;
                            }else if( $(val).attr('id') == 'jumlah' && !$(val).val() <= 0){
                                lolos = false

                                return;
                            }
                        });

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

		// variable untuk tax dan services
		let tax_percent_global      = 0;
		let services_percent_global = 0;

		//SPLIT BILL
		let jenis_identitas = {!! json_encode(config('custom.jenis_identitas')) !!};
		let tipe_booking = {!! json_encode(config('custom.tipe_booking')) !!};
		let jenis_pembayaran = {!! json_encode(config('custom.jenis_pembayaran')) !!};
		let jenis_refund = {!! json_encode(config('custom.jenis_refund')) !!};
		let status_bill = {!! json_encode(config('custom.status_bill')) !!};
		let jenis_deposit_text = {!! json_encode(config('custom.jenis_deposit')) !!};
		let jenis_bill_transfer_history = {!! json_encode(config('custom.jenis_bill_transfer_history')) !!};
		let segmentasi =  {!! json_encode(config('custom.segment_ratecodes')) !!};

		// custom name company name
		// $(document).on('click','#btnprint', function() {

		// 	var cekcompany = $(this).data('company')
		// 	console.log(cekcompany)
		// 	if (cekcompany == '1') {
		// 		$('#ccompanyname_field').show()
		// 	} else {
		// 		$('#ccompanyname_field').hide()
		// 	}
		// })

		$(document).on('click','#btncprint', function(e) {
			$('#formprintinvoicedraft').submit()
		})

		$(document).on('click','#btncustomprint', function(e) {
			console.log('masuk')
			var cname = $('#custom_name').val()
			var ccompanyname = $('#custom_company_name').val()

			if (cname || ccompanyname) {
				var inputcname = $("<input>")
								.attr("type", "hidden")
								.attr("name", "cname").val(cname);
				$('#formprintinvoicedraft').append(inputcname);

				var inputccompanyname = $("<input>")
							.attr("type", "hidden")
							.attr("name", "ccompanyname").val(ccompanyname);
				$('#formprintinvoicedraft').append(inputccompanyname);

				$('#formprintinvoicedraft').submit()
			}
		})


		//Transaksi Shop
		function ClickBtnDeposit(id, kamar, nama, room_index, booking){
			var booking_id = id
			var no_kamar = kamar
	        var name = nama
            booking = JSON.parse(booking)

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

            console.log('Room_index: '+room_index)
			//Cek apakah data booking termasuk ledger atau individual ledger
			var company_ledger = booking.company_id;
            var status_company_ledger  = booking?.company?.status_ledger
            var status_limittime  = booking?.company?.statuslimittime
            var limittime         = booking?.company?.limittime
			var individual_ledger = booking?.guest_profile?.individual_ledger;
			var status_individual_ledger = booking?.guest_profile?.status_ledger;
			var option_metode_pembayaran = '<option value="">** Select Payment Method **</option>';

            $('#jenis_deposit').val('').trigger('change')
            $('#nominal').val(null)
            // $('#transaction_date').val(null)
            $('#description_payment').val(null)

			// // Jika customer adalah company ledger
			// if(company_ledger){
			// 	// console.log('Company Ledger');
			// 	// $.each(jenis_deposit_text, function(index, metode_pembayaran){
			// 	// 	option_metode_pembayaran += `<option value="${index}">${metode_pembayaran}</option>`;
			// 	// });
			// 	$.each(jenis_deposit_text, function(index, metode_pembayaran){
			// 		if(['5'].includes(index)){
			// 			option_metode_pembayaran += `<option value="${index}">${metode_pembayaran}</option>`;
			// 		} else {
			// 			option_metode_pembayaran += `<option value="${index}">${metode_pembayaran}</option>`;
			// 		}
			// 	});

            //     $.each(segmentations, function(index_segmentation, segmentation){
            //         if($(segmentation).val() == booking.company.main_segment){
            //             $("#segmentation option[value='"+$(segmentation).val()+"']").prop('disabled', false)
            //         } else {
            //             $("#segmentation option[value='"+$(segmentation).val()+"']").prop('disabled', true)
            //         }
            //     });
			// }
			// //Jika customer adalah individual ledger
			// else if(individual_ledger) {
			// 	// console.log('Individual Ledger');
			// 	$.each(jenis_deposit_text, function(index, metode_pembayaran){
			// 		option_metode_pembayaran += `<option value="${index}">${metode_pembayaran}</option>`;
			// 	});
			// }
			// // jika customer bukan company ledger maupun individual ledger
			// else{
			// 	// console.log('Non Ledger');
			// 	$.each(jenis_deposit_text, function(index, metode_pembayaran){
			// 		if(!['5'].includes(index)){
			// 			option_metode_pembayaran += `<option value="${index}">${metode_pembayaran}</option>`;
			// 		}
			// 	});
			// }

            $.each(jenis_deposit_text, function(index, metode_pembayaran){
                if(!['3'].includes(index)){
                    option_metode_pembayaran += `<option value="${index}">${metode_pembayaran}</option>`;
                }
            });
            $(".segmentation_value").prop('disabled', true)

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

            let dateSystem = {!! json_encode(getSystemDate()) !!}
            console.log(status_limittime, limittime,dateSystem >  limittime)
            if (status_limittime == 1 && dateSystem > limittime) {
                $('#alert-limit-ledger').html('This ledger has been disabled, pass the time limit '+  moment(limittime).format('YYYY-MM-DD')  );
                $('#checkout_pembayaran_segment').prop('disabled', true)
                $('#submit_pembayaran_checkout').prop('disabled', true)
            }else{
                $('#alert-limit-ledger').html(null);
                $('#checkout_pembayaran_segment').prop('disabled', false)
                $('#submit_pembayaran_checkout').prop('disabled', false)
            }

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

	        $('#deposit_nama_kamar').val(name)
			$('#booking_id').val(booking_id)
			$('#nomor_kamar_depo_modal').val(no_kamar)
			$('#deposit_no_kamar').text(no_kamar)
			$('#jenis_deposit').val('')
			$('#save_deposit_room_index').val(room_index)

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

		// 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').hide();

                $('.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)
                }
			}
		});

		//Transaksi Shop
		function ClickBtnTransaksi(id, no_kamar, booking_id, nama, room_index){
			var id_kamar = id
			var no_kamar = no_kamar
			var booking_id = booking_id
	        var name = nama

            console.log(room_index)

	        $('#tr_nama_kamar').val(name)
			$('#tr_no_kamar').text(no_kamar)
			$('#tr_booking_id').val(booking_id)
			$('#input_kamar').val(no_kamar) // nomor_kamar
			$('#tr_room_index').val(room_index)
		}

        //Create Split Bill
        // let len = 0;
		// $('[type="checkbox"]').on('click', function(){
		// 	let id = $(this).attr('id');
		// 	let checked = $("#"+id+":checked").length > 0;
		//
		// 	if(checked){
		// 		$("#row_"+id).find('[type="hidden"]').removeAttr('disabled');
		// 		len = len+1;
		// 	}
		// 	else{
		// 		$("#row_"+id).find('[type="hidden"]').attr('disabled', 'disabled');
		// 		len = len-1
		// 	}
		//
        //     if(len > 0){
        //         $('#btnsubmit').removeAttr('disabled')
        //     } else {
        //         $('#btnsubmit').attr('disabled', 'disabled')
        //     }
		// });

		//Delete Split Bill
		$(document).on("click", ".delbutton", function () {
		     var url = $(this).data('uri');
		     $("#delform").attr("action", url);
		});

		//Edit Split Bill
        $('#splitBillKeteranganModal').on('show.bs.modal', function (event) {
                var button = $(event.relatedTarget);
                var id = button.data('id');
                var keterangan = button.data('keterangan');
                var modal = $(this);

                console.log(keterangan);

                modal.find('.modal-body #split_bill_id').val(id);
                modal.find('.modal-body #keterangan_split_bill_id').val(keterangan);

        })

		//Transfer Bill To Master Bill
		function ClickBtnTransferBill(id, room_index, invoice_id) {
			var html = ''
			var cekopt = ''
            var count = 0;

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

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

						//Load Data Invoice Detail
						if(value2.invoicedetail.length > 0){
							$.each(value2.invoicedetail, function(index3, value3) {
                                if (value3.room_index == room_index) {

								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 += `<select id='trf_room_${value3.id}' class="form-control form-control-select2" name="transferto_room[]">`;
								html += '<option value="">-- Select Room --</option>';
								if (res.invoices.length > 0) {
									$.each(res.invoices, function (ind, value) {

											if(null !== value.nomor_kamar){
												html += `<option value='${value.id}'>${value.nomor_kamar} - ${value.nama_pelanggan}</option>`
											}
										cekopt = ''
									})
								}else{
									html += `<option value="">-- Tidak ada kamar yg tersedia --</option>`
								}
								html += '</select>'
								html += `</td>
										</tr>`;
								no++;
                                count++;
                                }

							})
						}

						//Load Shop Transaction ID
						if(value2.shop_transaction.length > 0){
							$.each(value2.shop_transaction, function(idx_shop, value_shop) {
								if(value_shop.jenis_transaksi == 1 && value_shop.deleted_at === null && value_shop.room_index == room_index){
									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_pos${value_shop.id}' name='pembayaran_pos[]'> `;
									html += `<select class="form-control form-control-select2" name="transferto_room[]">`;
									html += '<option value="">-- Select Room --</option>';
									if (res.invoices.length > 0) {
										$.each(res.invoices, function (ind, value) {

												if(null !== value.nomor_kamar){
													html += `<option value='${value.id}'>${value.nomor_kamar} - ${value.nama_pelanggan}</option>`
												}
											cekopt = ''
										})
									}else{
										html += `<option value="">-- Tidak ada kamar yg tersedia --</option>`
									}
									html += '</select>'
									html += `</td>
											</tr>`;
									no++;
                                    count++;
								}
							})
						}

						//Load Deposit ID
						if(value2.bookings.deposits.length > 0){
							$.each(value2.bookings.deposits, (idx_deposit, value_deposit) => {
								if(value_deposit.jenis_transaksi == 1 && value_deposit.deleted_at === null && value_deposit.room_index == room_index){
									html += `
											<tr>
											<td>${no}</td>
											<td>${value_deposit.deposit_reservasi == 1 ? 'Deposit' : 'Pembayaran' } ${jenis_deposit_text[value_deposit.jenis_deposit]} ${value_deposit.platform ?? ''} A.N. ${value_deposit.nama} ${value_deposit.voucher ? '/'+value_deposit.voucher : ''} ${ value_deposit.description ? '- '+value_deposit.description : ''}</td>
											<td></td>
											<td>Rp ${formatRibuanComma(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_pos${value_deposit.id}' name='pembayaran_pos[]'> `;
									html += `<select class="form-control form-control-select2" name="transferto_room[]">`;
									html += '<option value="">-- Select Room --</option>';
									if (res.invoices.length > 0) {
										$.each(res.invoices, function (ind, value) {

												if(null !== value.nomor_kamar){
													html += `<option value='${value.id}'>${value.nomor_kamar} - ${value.nama_pelanggan}</option>`
												}
											cekopt = ''
										})
									}else{
										html += `<option value="">-- Tidak ada kamar yg tersedia --</option>`
									}
									html += '</select>'
									html += `</td>
											</tr>`;
									no++;
                                    count++;
								}
							});
						}

                        //Load PembayaranPOS yang nonstay ID ini
						if(value2.pembayaranpos.length > 0){
							$.each(value2.pembayaranpos, function(idx_pos, value_pos) {
								if(value_pos.jenis_pembayaran_id == 6 || value_pos.jenis_pembayaran_id == 7 && value_pos.room_index == room_index){
									html += `
											<tr>
											<td>${no}</td>
											<td>Transfer from ${value_pos?.cart?.shop?.nama} ${value_pos?.cart?.order_flag}</td>
											<td>Rp ${formatRibuanComma(value_pos.nominal)}</td>
											<td>Rp ${formatRibuanComma(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_pos${value_pos.id}' name='pembayaran_pos[]' value='${value_pos.id}'> `;
									html += `<select class="form-control form-control-select2" name="transferto_room[]">`;
                                    html += '<option value="">-- Select Room --</option>';
									if (res.invoices.length > 0) {
										$.each(res.invoices, function (ind, value) {

												if(null !== value.nomor_kamar){
													html += `<option value='${value.id}'>${value.nomor_kamar} - ${value.nama_pelanggan}</option>`
												}
											cekopt = ''
										})
									}else{
										html += `<option value="">-- Tidak ada kamar yg tersedia --</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 Master Bill To Nonstat Bill
		function ClickBtnTransferNonstay(id, room_index){
			var html = ''
			var cekopt = ''
            var count = 0;

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

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

                        //Load Data Invoice Detail
						if(value2.invoicedetail.length > 0){
							$.each(value2.invoicedetail, function(index3, value3) {
                                if (value3.room_index == room_index) {

								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 += `<select class="form-control form-control-select2" name="transferto_nonstay[]">`;
                                html += '<option value="">-- Select Nonstay --</option>';
									$.each(res.other_nonstay, function (ind, val) {
										html += `<option value='${val.id}'>${val?.guest_profile?.name} - ${val.no_bill}</option>`
									})
                                html += '</select>'
								html += `</td>
										</tr>`;
								no++;
                                count++;
                                }

							})
						}

						//Load Shop Transaction ID
						if(value2.shop_transaction.length > 0){
							$.each(value2.shop_transaction, function(idx_shop, value_shop) {
								if(value_shop.jenis_transaksi == 1 && value_shop.deleted_at === null && value_shop.room_index == room_index){
									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.total_biaya)}</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_pos${value_shop.id}' name='pembayaran_pos[]'> `;
									html += `<select class="form-control form-control-select2" name="transferto_nonstay[]">`;
									html += '<option value="">-- Select Nonstay --</option>';
									$.each(res.other_nonstay, function (ind, 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.bookings.deposits.length > 0){
							$.each(value2.bookings.deposits, (idx_deposit, value_deposit) => {
								if(value_deposit.jenis_transaksi == 1 && value_deposit.deleted_at === null && value_deposit.room_index == room_index){
									html += `
											<tr>
											<td>${no}</td>
											<td>${value_deposit.deposit_reservasi == 1 ? 'Deposit' : 'Pembayaran' } ${jenis_deposit_text[value_deposit.jenis_deposit]} ${value_deposit.platform ?? ''} A.N. ${value_deposit.nama} ${value_deposit.voucher ? '/'+value_deposit.voucher : ''} ${ value_deposit.description ? '- '+value_deposit.description : ''}</td>
											<td></td>
											<td>Rp ${formatRibuanComma(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_pos${value_deposit.id}' name='pembayaran_pos[]'> `;
									html += `<select class="form-control form-control-select2" name="transferto_nonstay[]">`;
									html += '<option value="">-- Select Nonstay --</option>';
									$.each(res.other_nonstay, function (ind, 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.pembayaranpos.length > 0){
							$.each(value2.pembayaranpos, function(idx_pos, value_pos) {
								if(value_pos.jenis_pembayaran_id == 6 || value_pos.jenis_pembayaran_id == 7 && value_pos.room_index == room_index){
									html += `
											<tr>
											<td>${no}</td>
											<td>Transfer from ${value_pos?.cart?.shop?.nama} ${value_pos?.cart?.order_flag}</td>
											<td>Rp ${formatRibuanComma(value_pos.nominal)}</td>
											<td>Rp ${formatRibuanComma(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_pos${value_pos.id}' name='pembayaran_pos[]' value='${value_pos.id}'> `;
									html += `<select class="form-control form-control-select2" name="transferto_nonstay[]">`;
                                    html += '<option value="">-- Select Nonstay --</option>';
									$.each(res.other_nonstay, function (ind, 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();
				}
			})
		}

		// History Transfer Bill
		function ClickBtnHistoryTransfer(id){
			// HTML
			var html = "";

			// Get History Transfer Bill
			$.ajax({
				type: 'GET',
				url: "{{url('get-guest-history-transfer-bill')}}/"+id,
				success: function (response) {
					var no = 1;

					console.log(response);

					if(response.length > 0){
						$.each(response, function(index, value) {
							let description_item = '';

							//Deskripsi Item
							if(value.booking_deposit){
								description_item += `Pembayaran ${jenis_deposit_text[value.booking_deposit.jenis_deposit]} A.N. ${value.booking_deposit.nama} ${value.booking_deposit.description ? ' - '+value.booking_deposit.description : ''}`;
							}
							else if(value.shop_transaction){
								if (value.shop_transaction.menu) {
                                    description_item += `${value.shop_transaction.menu.nama} ${value.shop_transaction.description ? ' - '+value.shop_transaction.description : ''}`
                                } else {
                                    description_item += `${value.shop_transaction.keterangan_custom}`
                                }
							}
							else if(value.invoice_detail_id){
                                console.log(value.invoice_detail_id)
                                if(value.invdetail.booking_deposit_id != null){
								    description_item += `Pembayaran ${jenis_deposit_text[value.invdetail.booking_deposit.jenis_deposit]} A.N. ${value.invdetail.booking_deposit.nama} ${value.invdetail.booking_deposit.description ? ' - '+value.invdetail.booking_deposit.description : ''}`;
                                }else if(value.invdetail.shop_transaction_id != null){
                                    description_item += `${value.invdetail.shop_transaction.menu.nama} ${value.invdetail.shop_transaction.description ? ' - '+value.invdetail.shop_transaction.description : ''}`
                                }else{
                                    // description_item += `${value.invdetail.shop_transaction.menu.nama} ${value.invdetail.shop_transaction.description ? ' - '+value.invdetail.shop_transaction.description : ''}`
                                }
							}
							else if(value.jenis_from == 2 && value.jenis_to == 3){
								description_item += `No. Bill: ${value.cart_resto_from.order_flag}`
							}

							// Deskripsi Transfer FROM - TO
							//Keterangan transfer from
							let keterangan_from = 'From: ';
							if(value?.invoice_from?.id == id){
								keterangan_from += "<b>This Bill</b>"
							}
							else
							{
								if (value.jenis_from == 1) {

									let kamar = "";

									if(value.invoice_from.bookings){
										if(value.invoice_from.bookings.booking_details){
											kamar = 'Kamar:';
											let kamars = value.invoice_from.bookings.booking_details.map(function(val){
															return val.nomor_kamar;
														 });
												kamars = kamars.join(', ');
												kamar += kamars;
										}
										else{
											kamar = '';
										}
									}

	                                keterangan_from += `${jenis_bill_transfer_history[value.jenis_from]} <a href="{{url('invoice-draft')}}/${value.invoice_from.id}" target="_blank">(No. Bill: ${value.invoice_from.no_invoice}) ${value.invoice_from.nomor_kamar}</a>`;
	                            }else if(value.jenis_from == 2){
	                                keterangan_from += `${jenis_bill_transfer_history[value.jenis_from]} <a href="{{url('quick-print-invoice-pos')}}/${value.cart_resto_from.id}/${value.cart_resto_from.shop_id}" target="_blank">(No. Bill: ${value.cart_resto_from.order_flag})</a>`;
	                            }else if(value.jenis_from == 3){
	                                keterangan_from += `${jenis_bill_transfer_history[value.jenis_from]} <a href="{{url('nonstay-bill')}}/${value.folio_dummy_from.id}" target="_blank">(No. Bill: ${value.folio_dummy_from.no_bill})</a>`;
	                            }
							}

							//Keterangan transfer to
							let keterangan_to = 'To: ';
							if(value?.invoice_to?.id == id){
								keterangan_to += "<b>This Bill</b>"
							}
							else{
								if (value.jenis_to == 1) {

									let kamar = "";

									if(value?.invoice_to?.bookings){
										if(value.invoice_to.bookings.booking_details){
											kamar = 'Kamar:';
											let kamars = value.invoice_to.bookings.booking_details.map(function(val){
															return val.nomor_kamar;
														 });

												kamars = kamars.join(', ');

												kamar += kamars;
										}
										else{
											kamar = '';
										}
									}
									else{
										kamar = '';
									}

	                                keterangan_to += `${jenis_bill_transfer_history[value.jenis_to]} <a href="{{url('invoice-draft')}}/${value?.invoice_to?.id}" target="_blank">(No. Bill: ${value?.invoice_to?.no_invoice}) ${value?.invoice_to?.nomor_kamar}</a>`;
	                            }else if(value.jenis_to == 2){
	                                keterangan_to += `${jenis_bill_transfer_history[value.jenis_to]} <a href="{{url('quick-print-invoice-pos')}}/${value.cart_resto_to.id}/${value.cart_resto_to.shop_id}" target="_blank">(No. Bill: ${value.cart_resto_to.order_flag})</a>`;
	                            }else if(value.jenis_to == 3){
	                                keterangan_to += `${jenis_bill_transfer_history[value.jenis_to]} <a href="{{url('nonstay-bill')}}/${value.folio_dummy_to.id}" target="_blank">(No. Bill: ${value.folio_dummy_to.no_bill})</a>`;
	                            }
							}

							html += `<tr>
										<td>${ no }</td>
										<td>${ moment(value.date, "YYYY-MM-DD").format('DD-MM-YYYY') }</td>
										<td>${ moment(value.created_at, 'YYYY-MM-DD HH:mm:ss').format('HH:mm:ss') }</td>
										<td>${ value.user ? value.user.nama : '-' }</td>
										<td>${ description_item }</td>
										<td>${ keterangan_from } ${ keterangan_to }</td>
									 </tr>`;

							// html += `<tr>
							// 			<td></td>
							// 			<td></td>
							// 			<td></td>
							// 			<td></td>
							// 			<td></td>
							// 			<td></td>
							// 		 </tr>`;
							no++;
						})
					}
					else{
						html += `<tr>
									<td class="text-center" colspan="6">No Data</td>
								</tr>`;
					}

					$('#table_history_transfer tbody').empty()
					$('#table_history_transfer tbody').append(html)
				}
			})
		}

		//Hitung ulang balance due
		function recountBalancDue(){
			//Ambil Element total roomrate
			let element_roomrates = $('[id*="roomrate"]').find('[name*="total"]');
			//Ambil Element total shop
			let element_shops = $('[id*="shop"]').find('[name*="total"]');
			//Ambil Element total deposit
			let element_deposits = $('[id*="deposit"]').find('[name*="total"]');

			//Nilai awal total roomrate, shop, dan deposit
			let total_roomrate = 0;
			let total_shop = 0;
			let total_deposit = 0;
			let new_balance_due = 0;

			//Hitung Total Roomrate
			$.each(element_roomrates, function(key, element_roomrate){
				total_roomrate += parseInt($(element_roomrate).val());
			});

			//Hitung Total Shop
			$.each(element_shops, function(key, element_shop){
				total_shop += parseInt($(element_shop).val());
			});

			//Hitung Total Deposit
			$.each(element_deposits, function(key, element_deposit){
				total_deposit += parseInt($(element_deposit).val());
			});

			new_balance_due = (total_roomrate + total_shop) -  total_deposit;

			$('#balance_due').html(new_balance_due);
		}

		// $('[type="checkbox"]').on('click', function(){
		// 	let id = $(this).attr('id');
		// 	let checked = $("#"+id+":checked").length > 0;
		// 	if(checked){
		// 		$("#row_"+id).find('[type="hidden"]').removeAttr('disabled');
		// 	}
		// 	else{
		// 		$("#row_"+id).find('[type="hidden"]').attr('disabled', 'disabled');
		// 	}
		// });

		/*#########################*/
		/*## 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');
			}
		});

        // checkbox invoice detail new script for prevent error with another checkbox cause key
        $('[id*="check_detail"]').on('click', function(){
			let idx = $(this).attr('data-idx');
			let checked = $('#check_detail'+idx+':checked').length > 0;
			if(checked){
				$(".roomrate_"+idx).find('[type="hidden"]').removeAttr('disabled');
			}
			else{
				$(".roomrate_"+idx).find('[type="hidden"]').attr('disabled', 'disabled');
			}
		});

        // checkbox invoice - Shop transaction new script for prevent error with another checkbox cause key
        $('[id*="check_shoptrans"]').on('click', function(){
			let idx = $(this).attr('data-idx');
			let checked = $('#check_shoptrans'+idx+':checked').length > 0;
			if(checked){
				$(".cekshop_"+idx).find('[type="hidden"]').removeAttr('disabled');
			}
			else{
				$(".cekshop_"+idx).find('[type="hidden"]').attr('disabled', 'disabled');
			}
		});

        // checkbox invoice - Deposit new script for prevent error with another checkbox cause key
        $('[id*="check_deposit"]').on('click', function(){
			let idx = $(this).attr('data-idx');
			let checked = $('#check_deposit'+idx+':checked').length > 0;
			if(checked){
				$(".cekdeposit_"+idx).find('[type="hidden"]').removeAttr('disabled');
			}
			else{
				$(".cekdeposit_"+idx).find('[type="hidden"]').attr('disabled', 'disabled');
			}
		});

        // checkbox invoice - Pembayaran new script for prevent error with another checkbox cause key
        $('[id*="check_pembayaran"]').on('click', function(){
			let idx = $(this).attr('data-idx');
			let checked = $('#check_pembayaran'+idx+':checked').length > 0;
			if(checked){
				$(".cekpembayaran_"+idx).find('[type="hidden"]').removeAttr('disabled');
			}
			else{
				$(".cekpembayaran_"+idx).find('[type="hidden"]').attr('disabled', 'disabled');
			}
		});

        // checkbox invoice - Deposit new script for prevent error with another checkbox cause key
        $('[id*="check_refund"]').on('click', function(){
			let idx = $(this).attr('data-idx');
			let checked = $('#check_refund'+idx+':checked').length > 0;
			if(checked){
				$(".cekrefund_"+idx).find('[type="hidden"]').removeAttr('disabled');
			}
			else{
				$(".cekrefund_"+idx).find('[type="hidden"]').attr('disabled', 'disabled');
			}
		});

		/*#######################*/
		/*## MENU EDIT DEPOSIT ##*/
		/*#######################*/
		//Edit Deposit
		function editBookingDeposit(id_deposit){
			$.ajax({
				type: 'GET',
				url: "{{ url('get-deposit-invoice') }}/"+id_deposit,
				success: function (response) {
					let data = response.data;
					if(data){
						$('#invoice_deposit_id').val(data.id);
						$('#invoice_deposit_booking_id').val(data.booking_id);
						$('#invoice_deposit_nama').val(data.nama);
						$('#invoice_jenis_deposit').select2().val(data.jenis_deposit).trigger('change');

						$('#invoice_transfer_akunting_id').select2().val('').trigger('change');
						$('#invoice_nominal_cash').val('')
						$('#invoice_nominal_kredit').val('')
						$('#invoice_no_kartu').val('')
						$('#invoice_deposit_bank').val('')

						// Jenis deposit
						// 1: Cash; 2: Credit Card; 3: Transfer;
						if(data.jenis_deposit == 1){
							$('#additional_option').remove();
							$('#invoice_depositcash').show();
							$('#invoice_depositkredit').hide()
							$('#invoice_deposit_daftar_transfer').hide()

							//Attempt Value
							$('#invoice_nominal_cash').val(data.nominal);
						}
						else if(data.jenis_deposit == 2){
							$('#additional_option').remove();
							$('#invoice_depositkredit').show()
							$('#invoice_depositcash').hide();
							$('#invoice_deposit_daftar_transfer').hide()

							//Reset Value
							$('#invoice_transfer_akunting_id').select2().val('').trigger('change');
							$('#invoice_deposit_bank').val('')
							$('#invoice_no_kartu').val('')

							//Attempt Value
							$('#invoice_nominal_kredit').val(data.nominal);
							$('#invoice_no_kartu').val(data.no_kartu);
							$('#invoice_deposit_bank').val(data.bank);
						}
						else if(data.jenis_deposit == 3){
							$('#additional_option').remove();
							let additional_option = `<option id="additional_option"
															 value="${data.transfer_akunting_id}"
															 selected
													>
														${data.transfer_akunting.no_rek} - ${data.transfer_akunting.nama} / Rp.${formatRibuanComma(data.transfer_akunting.nominal)}
													</option>`;

							$('#invoice_transfer_akunting_id').append(additional_option);
							$('#invoice_deposit_daftar_transfer').show()
							$('#invoice_depositkredit').hide()
							$('#invoice_depositcash').hide();
						}
					}
				}
			});
		}

		$(document).on('change','#invoice_jenis_deposit', function() {
			var jenis_deposit = $('#invoice_jenis_deposit option:selected').val()

			// Jenis deposit
			// 1: Cash; 2: Credit Card; 3: Transfer;
			if (jenis_deposit == 1) {
				$('#invoice_transfer_akunting_id').select2().val('').trigger('change');
				$('#invoice_nominal_cash').val('')
				$('#invoice_nominal_kredit').val('')
				$('#invoice_no_kartu').val('')
				$('#invoice_deposit_bank').val('')

				$('#invoice_depositcash').show()
				$('#invoice_depositkredit').hide()
				$('#invoice_deposit_daftar_transfer').hide()
			}
			else if (jenis_deposit == 2) {
				$('#invoice_transfer_akunting_id').select2().val('').trigger('change');
				$('#invoice_nominal_cash').val('')
				$('#invoice_nominal_kredit').val('')
				$('#invoice_no_kartu').val('')
				$('#invoice_deposit_bank').val('')

				$('#invoice_depositkredit').show()
				$('#invoice_depositcash').hide()
				$('#invoice_deposit_daftar_transfer').hide()
			}
			else if (jenis_deposit == 3) {
				$('#invoice_transfer_akunting_id').select2().val('').trigger('change');
				$('#invoice_nominal_cash').val('')
				$('#invoice_nominal_kredit').val('')
				$('#invoice_no_kartu').val('')
				$('#invoice_deposit_bank').val('')

				$('#invoice_deposit_daftar_transfer').show()
				$('#invoice_depositcash').hide()
				$('#invoice_depositkredit').hide()
			}
			else {
				$('#invoice_deposit_daftar_transfer').hide()
				$('#invoice_depositcash').hide()
				$('#invoice_depositkredit').hide()
			}
		})

		//Update Data Deposit
		$('#form-invoice-deposit').submit(function(e){
			e.preventDefault();

			let data_deposit = $(this).serialize();

			$.ajax({
				type: 'POST',
				data: data_deposit,
				url:"{{url('update-deposit-invoice')}}",
				success: function (response) {
					let data = response.data;
					console.log(data);
					let tanggal_deposit = data.jenis_deposit == 3 ? moment(data.transfer_akunting.transaction_date, 'YYYY-MM-DD hh:mm:ss').format('YYYY/MM/DD') : moment(data.transaction_date, 'YYYY-MM-DD hh:mm:ss').format('YYYY/MM/DD');
					let nama_deposit = `Pembayaran ${jenis_deposit_text[data.jenis_deposit]} ${data.bank == null ? '' : data.bank} A.N. ${data.nama}`

					$('#deposit_'+data.id).find('[name*="booking_deposit_id"]').val(data.id);
					$('#deposit_'+data.id).find('[name*="date"]').val(tanggal_deposit);
					$('#deposit_'+data.id).find('.tanggal_deposit').html(tanggal_deposit);
					$('#deposit_'+data.id).find('.nama_deposit').html(nama_deposit);
					$('#deposit_'+data.id).find('[name*="total"]').val(data.nominal);
					$('#deposit_'+data.id).find('.total_text').html(formatRibuanComma(data.nominal *-1 ));

					$('#invoicedepositmodal').modal('hide');
					recountBalancDue();
				},
				error: function(response){
					// console.log(response);
					bootbox.alert({
						title: 'Error',
						message: 'Terjadi kesalahan'
					});
				}
			});

		});

		//Delete Booking Deposit
		function deleteBookingDeposit(id){
			var confirm = bootbox.dialog({
                title: 'Are You Sure Want To Correct This Payment?',
                message: '<p style="font-size:14px">Are You Sure Want To Correct This Payment? Please Insert Reason.</p><br><textarea id="textarea_reason" class="form-control border-teal border-1" cols="30" rows="4" placeholder="reason ..."></textarea>',
                buttons: {
                    ok: {
                        label: 'Submit',
                        className: 'btn-primary',
                        callback: function () {
                            $('#deposit_id').val(id)
                            $('#reason_correction_deposit_id').val($('#textarea_reason').val())
                            $('#delete_deposit').submit();
                            // $.ajax({
                                // 	type: 'POST',
                                // 	data:{
                                // 		_token: '{{csrf_token()}}',
                                // 		shop_transaction_id: id
                                // 	},
                                // 	url:"{{url('delete-shoptransaction-invoice')}}",
                                // 	success: function (response) {
                                // 		$('#shop_'+id).remove();
                                // 	},
                                // 	error: function(){
                                // 		bootbox.alert({
                                //             title: 'Error',
                                //             message: 'Terjadi kesalahan'
                                //         });
                                // 	}
                            // });
                        }
                    },
                    cancel: {
                        label: 'Cancel',
                        className: 'btn-link'
                    }
                },

            });

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


		/*##############################*/
		/*## MENU EDIT TRANSAKSI SHOP ##*/
		/*##############################*/
		//Delete Shop Transaction
		function deleteShopTransaction(id, reason){
			var confirm = bootbox.dialog({
                title: 'Are You Sure Want To Correct This Transaction?',
                message: '<p style="font-size:14px">Are You Sure Want To Correct This Transaction? Please Insert Reason.</p><br><textarea id="textarea_reason" class="form-control border-teal border-1" cols="30" rows="4" placeholder="reason ..."></textarea>',
                buttons: {
                    ok: {
                        label: 'Submit',
                        className: 'btn-primary',
                        callback: function () {
                            $('#shop_transaction_id').val(id)
                            $('#reason_correction_id').val($('#textarea_reason').val())
                            $('#delete_shoptransaction').submit();
                            // $.ajax({
                                // 	type: 'POST',
                                // 	data:{
                                // 		_token: '{{csrf_token()}}',
                                // 		shop_transaction_id: id
                                // 	},
                                // 	url:"{{url('delete-shoptransaction-invoice')}}",
                                // 	success: function (response) {
                                // 		$('#shop_'+id).remove();
                                // 	},
                                // 	error: function(){
                                // 		bootbox.alert({
                                //             title: 'Error',
                                //             message: 'Terjadi kesalahan'
                                //         });
                                // 	}
                            // });
                        }
                    },
                    cancel: {
                        label: 'Cancel',
                        className: 'btn-link'
                    }
                },

            });

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

        function deleteInvoiceDetail(id, reason){
			var confirm = bootbox.dialog({
                title: 'Are You Sure Want To Correct This Transaction?',
                message: '<p style="font-size:14px">Are You Sure Want To Correct This Transaction? Please Insert Reason.</p><br><textarea id="textarea_reason" class="form-control border-teal border-1" cols="30" rows="4" placeholder="reason ..."></textarea>',
                buttons: {
                    ok: {
                        label: 'Submit',
                        className: 'btn-primary',
                        callback: function () {
                            $('#delete_invoicedetails #invoice_detail_id').val(id)
                            $('#delete_invoicedetails #reason_invoice_detail').val($('#textarea_reason').val())
                            $('#delete_invoicedetails').submit();
                        }
                    },
                    cancel: {
                        label: 'Cancel',
                        className: 'btn-link'
                    }
                },

            });

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

		//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.total_biaya);
					}, 2000);
				}
			});
		}

		//Get Select Tipe Menu Option
		// 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)
		})

		//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)
        }

        /*##################################*/
		/*## MENU EDIT Pembayaran POS ##*/
		/*##################################*/
		//Delete Shop Transaction
		function deletePembayaranPOS(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){
                        $('#pembayaran_pos_id').val(id)
						$('#delete_pembayaran_pos').submit();
						// $.ajax({
						// 	type: 'POST',
						// 	data:{
						// 		_token: '{{csrf_token()}}',
						// 		shop_transaction_id: id
						// 	},
						// 	url:"{{url('delete-shoptransaction-invoice')}}",
						// 	success: function (response) {
						// 		$('#shop_'+id).remove();
						// 	},
						// 	error: function(){
						// 		bootbox.alert({
			            //             title: 'Error',
			            //             message: 'Terjadi kesalahan'
			            //         });
						// 	}
						// });
					}
                }
            });

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

		function deletePembayaran(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_pembayaran #pembayaran_id').val(id)
						$('#delete_pembayaran').submit();
					}
                }
            });

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

	    // $('#tipe_menu_id').on('change', function(){
		$('.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('');

	    });

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

		//Update Data Deposit
		$('#form-invoice-transaksi').submit(function(e){
			e.preventDefault();

			let data_transaksi = $(this).serialize();

			$.ajax({
				type: 'POST',
				data: data_transaksi,
				url:"{{url('update-shoptransaction-invoice')}}",
				success: function (response) {
					let data = response.data;

					// console.log(data.menu.nama);
					// console.log(data.total_biaya);
					// console.log(data.id);

					$('#shop_'+data.id).find('[name*="shop_transaction_id"]').val(data.id);
					$('#shop_'+data.id).find('[name*="date"]').val(moment(data.transaction_date, 'YYYY-MM-DD hh:mm:ss').format('YYYY/MM/DD'));
					$('#shop_'+data.id).find('[name*="description"]').val(data.menu.nama);
					$('#shop_'+data.id).find('[name*="room_no"]').val(data.kamar.no_kamar);
					$('#shop_'+data.id).find('[name*="harga_satuan"]').val(data.menu.harga);
					$('#shop_'+data.id).find('.tanggal_transaksi').html(moment(data.transaction_date, 'YYYY-MM-DD hh:mm:ss').format('YYYY/MM/DD'));
					$('#shop_'+data.id).find('[name*="qty"]').val(data.jumlah);
					$('#shop_'+data.id).find('.qty_text').html(data.jumlah);
					$('#shop_'+data.id).find('.nama_menu').html(data.menu.nama);
					$('#shop_'+data.id).find('.harga_satuan').html(formatRibuanComma(data.menu.harga));
					$('#shop_'+data.id).find('.nomor_kamar').html('No.'+ data.kamar.no_kamar);
					$('#shop_'+data.id).find('[name*="total"]').val(data.total_biaya);
					$('#shop_'+data.id).find('.total_text').html(formatRibuanComma(data.total_biaya));
					$('#invoicetransaksimodal').modal('hide');

					recountBalancDue();
				},
				error: function(response){
					// console.log(response);
					bootbox.alert({
						title: 'Error',
						message: 'Terjadi kesalahan'
					});
				}
			});

		});

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

		//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);
		});

		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,
		                targets: [ 2 ]
		            }],
		            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();
		});
	</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 for tombol checkout --}}
	<script>
        $('#checkout_pembayaran_nominal').on('input', function(){
            $('#checkout_pembayaran_nominal').mask("#,##0", {reverse: true});//set separator number
        })

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

		//checkout + pembayaran
		function ClickBtnPembayaranCheckout(id, nominal, nama, booking, room_index){
			// Reset Modal
			$("#checkout_jenis_pembayaran").val('').trigger("change");
	        $("#voucher").val('');

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

			// Data Bookingan
			var id = id
			var nominal = nominal
			var nama = nama

            let segment =  {!! json_encode(config('custom.segment_ratecodes')) !!};

            //Cek apakah data booking termasuk ledger atau individual ledger
            var company_ledger = booking.company_id;
            var status_company_ledger  = booking?.company?.status_ledger
            var individual_ledger = booking?.guest?.individual_ledger ?? booking?.guest_profile?.individual_ledger;
            var status_individual_ledger = booking?.guest?.status_ledger ?? booking?.guest_profile?.status_ledger;
            var option_metode_pembayaran = '<option value="">** Select Payment Method **</option>';

            // Jika customer adalah company ledger
            // if(company_ledger){
            // 	// console.log('Company Ledger');
            // 	$.each(jenis_pembayaran, function(index, metode_pembayaran){
            // 		// console.log(index);
            // 		if(!['3','6','7','8'].includes(index)){
            // 			if (['5'].includes(index)) {
            // 				option_metode_pembayaran += `<option value="${index}">${metode_pembayaran} - ${booking.company.name}</option>`;
            // 			} else {
            // 				option_metode_pembayaran += `<option value="${index}">${metode_pembayaran}</option>`;
            // 			}
            // 		}
            // 	});
            // }
            // //Jika customer adalah individual ledger
            // else if(individual_ledger) {
            // 	// console.log('Individual Ledger');
            // 	$.each(jenis_pembayaran, function(index, metode_pembayaran){
            // 		if(!['3','6','7','8'].includes(index)){
            // 			option_metode_pembayaran += `<option value="${index}">${metode_pembayaran}</option>`;
            // 		}
            // 	});
            // }
            // // jika customer bukan company ledger maupun individual ledger
            // else{
            // 	// console.log('Non Ledger');
            // 	$.each(jenis_pembayaran, function(index, metode_pembayaran){
            // 		if(!['5','3','6','7','8'].includes(index)){
            // 			option_metode_pembayaran += `<option value="${index}">${metode_pembayaran}</option>`;
            // 		}
            // 	});
            // }

            $.each(jenis_deposit_text, function(index, metode_pembayaran){
                if(!['3'].includes(index)){
                    option_metode_pembayaran += `<option value="${index}">${metode_pembayaran}</option>`;
                }
            });

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

            $.each(segmentations, function(index_segmentation, segmentation){
                if(($(segmentation).val() == booking?.company?.main_segment && status_company_ledger == 1) || (individual_ledger ? $(segmentation).val() == 14 && status_individual_ledger == 1: false)){
                    $("#checkout_pembayaran_segment option[value='"+$(segmentation).val()+"']").prop('disabled', false)
                } else {
                    $("#checkout_pembayaran_segment option[value='"+$(segmentation).val()+"']").prop('disabled', true)
                }
            });

            $('#checkout_jenis_pembayaran').html(option_metode_pembayaran);
            $('.wrap_segmentation_option').attr('style','display:none')
            $('#checkout_pembayaran_segment').attr('required', false)
            $('#checkout_pembayaran_segment').val('').select2().trigger('change')

            // if(['10','11'].includes(booking.segmentasi_rate_code))
            // {
            // 	// $('#nominalbayar').text('Nominal yang belum lunas : Rp ' + Number(0).toLocaleString("id-ID"))
            // 	$('#nominalbayar').text("bills that haven't paid off : Rp " + Number(0).toLocaleString())
            // }
            // else{
            // 	// $('#nominalbayar').text('Nominal yang belum lunas : Rp ' + Number(nominal).toLocaleString("id-ID"))
            // 	let dnum = String(nominal).replace(/(?<!\..*)(\d)(?=(?:\d{3})+(?:\.|$))/g, '$1,')
            // 	$('#nominalbayar').text("bills that haven't paid off : Rp " + dnum)
            // }
            let dnum = String(nominal).replace(/(?<!\..*)(\d)(?=(?:\d{3})+(?:\.|$))/g, '$1,')
            $('#nominalbayar').text("bills that haven't paid off : Rp " + dnum)

            $('#checkout_pembayaran_nama').val(nama)
            $('#checkout_pembayaran_booking_id').val(id)
            $('#checkout_pembayaran_room_index').val(room_index)

            // if(['10','11'].includes(booking.segmentasi_rate_code))
            // {
            // 	$('#checkout_pembayaran_nominal').val(0)
            // 	$('#checkout_jenis_pembayaran').removeAttr('required');
            // 	$('#checkout_jenis_pembayaran').attr('disabled', 'disabled');
            // }
            // else{
            // 	// $('#checkout_pembayaran_nominal').val(nominal.toLocaleString('ID'))
            // 	let dnum = String(nominal).replace(/(?<!\..*)(\d)(?=(?:\d{3})+(?:\.|$))/g, '$1,')
            // 	$('#checkout_pembayaran_nominal').val(dnum)
            // 	$('#checkout_jenis_pembayaran').attr('required', 'required');
            // 	$('#checkout_jenis_pembayaran').removeAttr('disabled');
            // }
            // let dnum = String(nominal).replace(/(?<!\..*)(\d)(?=(?:\d{3})+(?:\.|$))/g, '$1,')
            $('#checkout_pembayaran_nominal').val(dnum)
            $('#checkout_jenis_pembayaran').attr('required', 'required');
            $('#checkout_jenis_pembayaran').removeAttr('disabled');

            // // jika segmen bukan individual ledger, jangan tampilkan jenis pembayaran ledger
            // // console.log(booking.segmentasi_rate_code)
            // if (!['14'].includes(booking.segmentasi_rate_code)) {
            // 	$('#checkout_jenis_pembayaran option[value=5]').remove();
            // } else {
            // // jika segmen individual ledger, tampilkan jenis pembayran ledger
            // 	$('#checkout_jenis_pembayaran').append($('<option>', {value:5, text:'Ledger'}));
            // }

            // $('#checkout_pembayaran_segment').val(booking.segmentasi_rate_code).trigger('change')
            // $('#checkout_pembayaran_segment').val('').trigger('change')

            if (['2','3','4','5','6','8','9'].includes(booking.segmentasi_rate_code)) {
                $('#checkout_pembayaran_company_ledger').removeAttr('style')

                //Ambil Corporate Dengan Segment
                // getCorporateBySegment(booking.segmentasi_rate_code);

                setTimeout(function(){
                    $('#company_ledger_pembayaran_checkout').val(booking.company_id);
                }, 1000);

            }else{
                $('#checkout_pembayaran_company_ledger').attr('style','display:none')
            }

            $.ajax({
                type: 'POST',
                url: "{{route('roomview.detailratebook')}}",
                data: {
                    _token:'{{csrf_token()}}',
                    id: id,
                    room_index:room_index
                },
                success: function (response) {
                    let html = "";

                    console.log('Rincian Room Rate:');
                    console.log(response);

                    if(response.length > 0){
                        $.each(response, function(i, v){

                            let dtotal = ''
                            if (v) {
                                dtotal = String(v.total).replace(/(?<!\..*)(\d)(?=(?:\d{3})+(?:\.|$))/g, '$1,')
                            }

                            // backup table dalam response
                            // <td align="right">${v?.total.toLocaleString('ID')}</td>
                            // <td align="right">${['10','11'].includes(booking.segmentasi_rate_code) ? 0 : (v?.total).toLocaleString('ID')}</td>

                            if(response.length > 0){
                            html += `
                                <tr>
                                    <td><b>Rate Code : </b>${(v?.booking_detail?.rate_codes) ?? (v.description)}</td>
                                    <td>-</td>
                                    <td align="right">${dtotal}</td>
                                    <td align="right">${['10','11'].includes(booking.segmentasi_rate_code) ? 0 : dtotal}</td>
                                </tr>`
                            }
                            else{
                            html += `
                                <tr>
                                    <td>Rate Code -</td>
                                    <td>-</td>
                                    <td align="right">-</td>
                                    <td align="right">-</td>
                                </tr>`
                            }

                            $('#tabelb_rincian_booking').html(html);

                        })

                    }else{
                        console.log('disabled');
                        $('#tabelb_rincian_booking').html(null);
                    }
                }
            });

            $.ajax({
                type: 'POST',
                url: "{{route('roomview.detailshopbook')}}",
                data: {
                    _token:'{{csrf_token()}}',
                    id: id,
                    room_index:room_index
                },
                success: function (response) {
                        let html = "";

                        // backup tabel dalam response
                        // <td align="right">${(v.nominal).toLocaleString('ID')}</td>
                        // <td align="right">${['10','11'].includes(booking.segmentasi_rate_code) ? 0 : (v.nominal).toLocaleString('ID')}</td>

                        // Ambil Data pembayaran pos yang transfer kamar
                        if(response.pembayaran_pos.length > 0){
                            $.each(response.pembayaran_pos, function(i, v){
                                let dnom = ''
                                if (v) {
                                    dnom = String(v.nominal).replace(/(?<!\..*)(\d)(?=(?:\d{3})+(?:\.|$))/g, '$1,')
                                }

                                html += `
                                    <tr>
                                        <td><b>Outlet : </b>${v?.cart?.order_flag}</td>
                                        <td></td>
                                        <td align="right">${dnom}</td>
                                        <td align="right">${dnom}</td>
                                    </tr>`
                            })

                        }

                        // backup tabel dalam response
                        // <td align="right">${(v.menu?.harga).toLocaleString('ID')}</td>
                        // <td align="right">${['10','11'].includes(booking.segmentasi_rate_code) ? 0 : (v.grand_total).toLocaleString('ID')}</td>

                        // Ambil Data Item Transaksi Shop
                        if(response.shop_transactions.length > 0){
                            $.each(response.shop_transactions, function(i, v){
                                let dmharga = ''
                                let dgtotal = ''
                                if (v.menu) {
                                    dmharga = String((v?.grand_total/v?.jumlah)).replace(/(?<!\..*)(\d)(?=(?:\d{3})+(?:\.|$))/g, '$1,')
                                }
                                dgtotal = String(v.grand_total).replace(/(?<!\..*)(\d)(?=(?:\d{3})+(?:\.|$))/g, '$1,')

                                html += `
                                    <tr>
                                        <td><b>Order : </b>${v?.menu?.nama ?? v.keterangan_custom} ${v.description ? '- '+v.description:''} </td>
                                        <td>${v.jumlah}</td>
                                        <td align="right">${dmharga}</td>
                                        <td align="right">${dgtotal}</td>
                                    </tr>`
                            })
                        }

                        $('#tabelb_rincian_shop_booking').html(html);//tambahkan rincian ke modal
                }
            });

            $.ajax({
                type: 'POST',
                url: "{{route('roomview.detaildepobook')}}",
                data: {
                    _token:'{{csrf_token()}}',
                    id: id,
                    room_index:room_index
                },
                success: function (response) {
                    let html = "";

                    console.log(response);

                    $.each(response, function(i, v){

                        // backup response dalam table
                        // <td align="right">${['10','11'].includes(booking.segmentasi_rate_code) ? 0 : (v.nominal).toLocaleString('ID')}</td>
                        let dnom = ''
                        dnom = String(v.nominal).replace(/(?<!\..*)(\d)(?=(?:\d{3})+(?:\.|$))/g, '$1,')

                        if(response.length > 0){
                        html += `
                            <tr>
                                <td><b>${v.deposit_reservasi == 1 ? 'Deposit' : 'Pembayaran' } : </b> ${v.no_kwitansi == null ? ' - ' : v.no_kwitansi }: ${v.nama} ${jenis_deposit_text[v.jenis_deposit]} ${[2,4].includes(v.jenis_deposit) ? v.platform.nama : ([5].includes(v.jenis_deposit) ? (v.segmentation ? '-'+segment[v.segmentation] : '') : '')} ${v.voucher ? '/'+v.voucher : '' } ${v.description ? '-'+v.description : ''}</td>
                                <td>-</td>
                                <td align="right">-</td>
                                <td align="right">${dnom}</td>
                            </tr>`
                        }
                        else{
                        html += `
                            <tr>
                                <td><b>Pembayaran :</b> - </td>
                                <td>-</td>
                                <td align="right">-</td>
                                <td align="right">-</td>
                            </tr>`
                        }

                        $('#tabelb_rincian_depo_booking').html(html);

                    })
                }
            });

            $.ajax({
                type: 'POST',
                url: "{{route('roomview.detailpembayaransebagianbook')}}",
                data: {
                    _token:'{{csrf_token()}}',
                    id: id,
                    room_index:room_index
                },
                success: function (response) {
                    let html = "";

                    $.each(response, function(i, v){

                        // backup response dalam table
                        // <td align="right">${['10','11'].includes(booking.segmentasi_rate_code) ? 0 : (v.nominal).toLocaleString('ID')}</td>

                        let dnom = ''
                        dnom = String(v.nominal).replace(/(?<!\..*)(\d)(?=(?:\d{3})+(?:\.|$))/g, '$1,')

                        if(response.length > 0){
                        html += `
                            <tr>
                                <td><b>Pembayaran : </b> ${v.no_kwitansi == null ? ' - ' : v.no_kwitansi }: ${v?.booking?.nama} ${jenis_pembayaran[v.jenis_pembayaran_id]} ${[2,4].includes(v.jenis_pembayaran_id) ? v?.platform_pembayaran?.nama : ([5].includes(v.jenis_pembayaran_id) ? (v.segment ? '-'+segment[v.segment] : '') : '')} ${v?.voucher ? '/'+v?.voucher : ''}</td>
                                <td>-</td>
                                <td align="right">-</td>
                                <td align="right">${dnom}</td>
                            </tr>`
                        }
                        else{
                        html += `
                            <tr>
                                <td><b>Pembayaran :</b> - </td>
                                <td>-</td>
                                <td align="right">-</td>
                                <td align="right">-</td>
                            </tr>`
                        }

                        $('.tabelb_rincian_pembayaran_sebagian_booking').html(html);

                    })
                }
            });

            $.ajax({
                type: 'POST',
                url: "{{route('roomview.detailpembayaranpos')}}",
                data: {
                    _token:'{{csrf_token()}}',
                    id: id,
                    room_index:room_index
                },
                success: function (response) {
                    let html = "";

                    $.each(response, function(i, v){


                        if(response.length > 0){
                        html += `
                            <tr>
                                Transfer from Resto Mbah'e 2000006
                                <td>Transfer from ${v?.cart?.shop?.nama} ${v?.cart?.order_flag}</td>
                                <td>-</td>
                                <td align="right">-</td>
                                <td align="right">${['10','11'].includes(booking.segmentasi_rate_code) ? 0 : (v.nominal).toLocaleString('ID')}</td>
                            </tr>`
                        }

                        $('.tabelb_rincian_pembayaranpos').html(html);
                        console.log('rincian transfer to room pos')
                    })
                }
            });
        }

		//checkout + refund
		function ClickBtnRefundCheckout(id, nominal, nama, booking, room_index){
			// Reset Modal
            $("#refund_jenis_pembayaran").val('').trigger("change");
            $("#voucher_refund").val('');

            console.log('masuk')
            var id = id
            var nominal = nominal
            var nama = nama

            let segment =  {!! json_encode(config('custom.segment_ratecodes')) !!};

            //Cek apakah data booking termasuk ledger atau individual ledger
            var company_ledger = booking.company_id;
            var individual_ledger = booking?.guest_profile?.individual_ledger;
            // var option_metode_pembayaran =  '<option value="">** Select Payment Method **</option>';
            var option_metode_pembayaran =  '<option value="">** Select Payment Method **</option>';

            // Jika customer adalah company ledger
            if(company_ledger){
                // console.log('Company Ledger');
                $.each(jenis_refund, function(index, metode_pembayaran){
                    // console.log(index);
                    if(!['6','7'].includes(index)){
                        if (['5'].includes(index)) {
                            option_metode_pembayaran += `<option value="${index}">${metode_pembayaran} - ${booking.company.name}</option>`;
                        } else {
                            option_metode_pembayaran += `<option value="${index}">${metode_pembayaran}</option>`;
                        }
                    }
                });
            }
            //Jika customer adalah individual ledger
            else if(individual_ledger) {
                // console.log('Individual Ledger');
                $.each(jenis_refund, function(index, metode_pembayaran){
                    // console.log(index);

                    if(!['6','7'].includes(index)){
                        option_metode_pembayaran += `<option value="${index}">${metode_pembayaran}</option>`;
                    }
                });
            }
            // jika customer bukan company ledger maupun individual ledger
            else{
                // console.log('Non Ledger');
                $.each(jenis_refund, function(index, metode_pembayaran){
                    // console.log(index);

                    if(!['5','6','7'].includes(index)){
                        option_metode_pembayaran += `<option value="${index}">${metode_pembayaran}</option>`;
                    }
                });
            }
            $('#refund_jenis_pembayaran').html(option_metode_pembayaran);

            // $('#refund_nominalbayar').text('Refund Nominal : Rp ' + Number(Math.abs(nominal)).toLocaleString("id-ID"))
            $('#refund_nominalbayar').text('Refund Nominal : Rp ' + formatRibuanComma(Math.abs(nominal)))

            $('#checkout_refund_nama').val(nama)
            $('#checkout_refund_booking_id').val(id)
            $('#checkout_refund_room_index').val(room_index)
            $('#checkout_nominal_refund').val(ribuanWithComma(nominal * -1))
            $('#checkout_refund_segment').val(booking.segmentasi_rate_code).trigger('change')

            if (booking.segmentasi_rate_code == 2 || booking.segmentasi_rate_code == 3 ) {
                $('#checkout_refund_company_ledgers').removeAttr('style')
                $('#checkout_refund_company_ledgers').val(booking.company_id);

                // setTimeout(function(){
                // }, 3000);

            }else{
                $('#checkout_refund_company_ledger').attr('style','display:none')
            }


            $.ajax({
                type: 'POST',
                url: "{{route('roomview.detailratebook')}}",
                data: {
                    _token:'{{csrf_token()}}',
                    id: id,
                    room_index:room_index
                },
                success: function (response) {
                    let html = "";

                    // console.log(response);

                    if(response.length > 0){
                    $.each(response, function(i, v){


                        if(response.length > 0){
                        html += `
                            <tr>
                                <td><b>Rate Code : </b>${(v?.booking_detail?.rate_codes) ?? (v.description)}</td>
                                <td>-</td>
                                <td align="right">${formatRibuanComma(v?.total)}</td>
                                <td align="right">${['10','11'].includes(booking.segmentasi_rate_code) ? 0 : formatRibuanComma(v?.total)}</td>
                            </tr>`
                        }
                        else{
                        html += `
                            <tr>
                                <td>Rate Code -</td>
                                <td>-</td>
                                <td align="right">-</td>
                                <td align="right">-</td>
                            </tr>`
                        }

                        $('#tabelb_rincian_booking_refund').html(html);

                    })
                    }else{
                        $('#tabelb_rincian_booking_refund').html(null);
                    }
                }
            });

            $.ajax({
                type: 'POST',
                url: "{{route('roomview.detailshopbook')}}",
                data: {
                    _token:'{{csrf_token()}}',
                    id: id,
                    room_index: room_index
                },
                success: function (response) {

                        let html = "";

                        // Ambil Data pembayaran pos yang transfer kamar
                        if(response.pembayaran_pos.length > 0){
                            $.each(response.pembayaran_pos, function(i, v){
                                html += `
                                    <tr>
                                        <td><b>Outlet : </b>${v?.cart?.order_flag}</td>
                                        <td></td>
                                        <td align="right">${formatRibuanComma(v.nominal)}</td>
                                        <td align="right">${formatRibuanComma(v.nominal)}</td>
                                    </tr>`
                            })

                        }

                        // Ambil Data Item Transaksi Shop
                        if(response.shop_transactions.length > 0){
                            $.each(response.shop_transactions, function(i, v){
                                html += `
                                    <tr>
                                        <td><b>Order : </b>${v?.menu?.nama ?? v.keterangan_custom} ${v.description ? '- '+v.description:''}</td>
                                        <td>${v.jumlah}</td>
                                        <td align="right">${formatRibuanComma((v?.grand_total/v?.jumlah))}</td>
                                        <td align="right">${formatRibuanComma(v.grand_total)}</td>
                                    </tr>`
                            })
                        }


                        $('#tabelb_rincian_shop_booking_refund').html(html);

                }
            });

            $.ajax({
                type: 'POST',
                url: "{{route('roomview.detaildepobook')}}",
                data: {
                    _token:'{{csrf_token()}}',
                    id: id,
                    room_index: room_index
                },
                success: function (response) {
                    let html = "";

                    // console.log(response);

                    $.each(response, function(i, v){


                        if(response.length > 0){
                        html += `
                            <tr>
                                <td><b>${v.deposit_reservasi == 1 ? 'Deposit' : 'Pembayaran' } : </b>${v.no_kwitansi == null ? '-' : v.no_kwitansi }: ${v.nama} ${jenis_deposit_text[v.jenis_deposit]} ${[2,4].includes(v.jenis_deposit) ? v.platform.nama : ([5].includes(v.jenis_deposit) ? (v.segmentation ? '-'+segment[v.segmentation] : '') : '')} ${v.voucher ? '/'+v.voucher : '' } ${v.description ? '-'+v.description : ''}</td>
                                <td>-</td>
                                <td align="right">-</td>
                                <td align="right">${formatRibuanComma(v.nominal)}</td>
                            </tr>`
                        }
                        else{
                        html += `
                            <tr>
                                <td>Pembayaran:-</td>
                                <td>-</td>
                                <td align="right">-</td>
                                <td align="right">-</td>
                            </tr>`
                        }

                        $('#tabelb_rincian_depo_booking_refund').html(html);

                    })
                }
            });

            $.ajax({
                type: 'POST',
                url: "{{route('roomview.detailpembayaransebagianbook')}}",
                data: {
                    _token:'{{csrf_token()}}',
                    id: id,
                    room_index: room_index
                },
                success: function (response) {
                    let html = "";

                    $.each(response, function(i, v){


                        if(response.length > 0){
                        html += `
                            <tr>
                                <td><b>Pembayaran : </b> ${v.no_kwitansi == null ? ' - ' : v.no_kwitansi }: ${v?.booking?.nama} ${jenis_pembayaran[v.jenis_pembayaran_id]} ${[2,4].includes(v.jenis_pembayaran_id) ? v?.platformPembayaran?.nama : ([5].includes(v.jenis_pembayaran_id) ? (v.segment ? '-'+segment[v.segment] : '') : '')}</td>
                                <td>-</td>
                                <td align="right">-</td>
                                <td align="right">${formatRibuanComma(v.nominal)}</td>
                            </tr>`
                        }
                        else{
                        html += `
                            <tr>
                                <td><b>Pembayaran :</b> - </td>
                                <td>-</td>
                                <td align="right">-</td>
                                <td align="right">-</td>
                            </tr>`
                        }

                        $('.tabelb_rincian_pembayaran_sebagian_booking').html(html);

                    })
                }
            });

            $.ajax({
                type: 'POST',
                url: "{{route('roomview.detailpembayaranpos')}}",
                data: {
                    _token:'{{csrf_token()}}',
                    id: id,
                    room_index:room_index
                },
                success: function (response) {
                    let html = "";

                    $.each(response, function(i, v){


                        if(response.length > 0){
                        html += `
                            <tr>
                                Transfer from Resto Mbah'e 2000006
                                <td>Transfer from ${v?.cart?.shop?.nama} ${v?.cart?.order_flag}</td>
                                <td>-</td>
                                <td align="right">-</td>
                                <td align="right">${['10','11'].includes(booking.segmentasi_rate_code) ? 0 : (v.nominal).toLocaleString('ID')}</td>
                            </tr>`
                        }

                        $('.tabelb_rincian_pembayaranpos').html(html);
                        console.log('rincian transfer to room pos')
                    })
                }
            });

		}

		function checkBeforeCheckoutRefund() {
            event.preventDefault();

            let booking_id = $('#checkout_refund_booking_id').val();
            let room_index = $('#checkout_refund_room_index').val();

            $.ajax({
                type: "get",
                url: "{{route('check-before-checkout')}}",
                data: {
                    booking_id:booking_id,
                    room_index:room_index
                },
                dataType: "json",
                success: function (response) {
                    if (response < 1) {
                        callModalAlert("Can't checkout, because the roomcharge haven't yet generate")
                    }else{
                        $('#form_checkout_refund').submit()
                    }
                }
            });
        }

		//Payment Checkout
		function setJenisPembayaran(){
            $('#submit_pembayaran_checkout').removeAttr('disabled');
			//1: Cash; 2: Credit Card; 3: Transfer;
			let jenis_deposit = $('#checkout_jenis_pembayaran').val();
			//Platform Pembayaran
			let option_pembayaran = `<option value="">** Select Payment Platform **</option>"`;

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

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

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

				$('#pelunasan_platform_pembayaran_id').html(option_pembayaran);
				$('#pelunasan_platform_pembayaran_id').attr('required', 'required');

                $('.wrap_segmentation_option').hide()
                $('#checkout_pembayaran_segment').attr('required', false)
			}
			else if(jenis_deposit == '3'){
				$('#checkout_jenis_pembayaran_option').hide();
				$('#pelunasan_platform_pembayaran_id').removeAttr('required');

				$('#pembayaran_transfer').show();

                $('.wrap_segmentation_option').hide()
                $('#checkout_pembayaran_segment').attr('required', false)
			}
			else{
				$('#checkout_jenis_pembayaran_option').hide();
				$('#pelunasan_platform_pembayaran_id').removeAttr('required');
				$('#pembayaran_transfer').hide();

                if (jenis_deposit == '5') {
                    $('.wrap_segmentation_option').show()
                    $('#checkout_pembayaran_segment').attr('required', true)
                    $('#alert-limit-ledger').show()
                    $('#submit_pembayaran_checkout').prop('disabled', true);
                }else{
                    $('.wrap_segmentation_option').hide()
                    $('#checkout_pembayaran_segment').attr('required', false)
                    $('#alert-limit-ledger').hide()
                }
			}
		}

        $('#checkout_pembayaran_segment').on('change', function() {
            var stat = $('#checkout_pembayaran_segment').val()
            if (stat) {
                $('#submit_pembayaran_checkout').prop('disabled', false)
            }else{
                $('#submit_pembayaran_checkout').prop('disabled', false)
            }
        })

		//Select Jenis Refund
		function setJenisRefund(){
			//1: Cash; 2: Credit Card; 3: Transfer;
			let jenis_deposit = $('#refund_jenis_pembayaran').val();
			//Platform Pembayaran
			let option_pembayaran = `<option value="">** Select Payment Platform **</option>"`;

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

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

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

				$('#refund_platform_pembayaran_id').html(option_pembayaran);
				$('#refund_platform_pembayaran_id').attr('required', 'required');
			}
			else if(jenis_deposit == '3'){
				$('#refund_jenis_pembayaran_option').hide();
				$('#refund_platform_pembayaran_id').removeAttr('required');

				$('#refund_transfer').show();
			}
			else{
				$('#refund_jenis_pembayaran_option').hide();
				$('#refund_platform_pembayaran_id').removeAttr('required');
				$('#refund_transfer').hide();
			}
		}

		// checkout jika balance 0
		function updateStatus(hotel_id, booking_id, status_booking, detail_id){
			$("#form_booking_status").find('#id_booking').val(booking_id);
			$("#form_booking_status").find('#status_booking').val(status_booking);
			$("#form_booking_status").find('#hotel_id').val(hotel_id);
            $("#form_booking_status").find('#booking_detail_id').val(detail_id);
			$("#form_booking_status").submit();
		}

        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
        // })

        // $('#subtotal').on('input', function(){
		$('.changesubtotal').on('input', function(){
            // $('#subtotal').mask("#,##0", {reverse: true});//set separator number
			$('#subtotal'+nomor).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)
            }
        }

        $('#form_checkout').on('submit', function(e){
            // $('#submit_pembayaran_checkout').prop('disabled', true)
            var empty = false;
            $('#form_checkout').find('[required]').each(function() {
                if ($(this).val() == '') {
                    empty = true;
                }
            });

            console.log(empty)
            if (empty) {
                e.preventDefault();
                $("#submit_pembayaran_checkout").attr("disabled", false);
                setTimeout(() => {
                    $('body').unblock()
                    new PNotify({
                        title: 'Error',
                        text: 'Missing required input!, please check again.',
                        icon: 'icon-blocked',
                        type: 'error'
                    });
                }, 5000);
                return false;
            } else {
                $("#submit_pembayaran_checkout").attr("disabled", true);
                return true;
            }
        })

        $('#form_checkout_refund').on('submit', function(){
            $('#btn_refund').prop('disabled', true)
        })

        // Check Room Rate has been generated or not
        function checkBeforeCheckout() {
            event.preventDefault();
            let booking_id = $('#checkout_pembayaran_booking_id').val();
            let room_index = $('#checkout_pembayaran_room_index').val();
            $.ajax({
                type: "get",
                url: "{{route('check-before-checkout')}}",
                data: {
                    booking_id:booking_id,
                    room_index:room_index
                },
                dataType: "json",
                success: function (response) {
                    if (response < 1) {
                        callModalAlert("Can't checkout, because the roomcharge haven't yet generate")
                    }else{
                        $('#form_checkout').submit()
                    }
                }
            });
        }

        // function to call modal and this additional param
        function callModalAlert(text) {
            $('#text-alert').html("<h3>"+text+"</h3>")
            $('#alert_modal').modal('show')
        }

        // Function call reason correction
        function showReasonCorrection(reason){
            event.preventDefault();
            var confirm = bootbox.dialog({
                title: 'Reason Correction...',
                message: '<p style="font-size:14px">Here Reason Correction...</p><br><textarea id="textarea_reason_read" class="form-control border-teal border-1" cols="30" rows="4" readonly>'+reason+'</textarea>',
                buttons: {
                    ok: {
                       label:'Close'
                    },
                },

            });

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

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