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

@section('title', 'Venue Bill | Draft Venue 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')
	<!-- 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">Venue Bill</span> - Draft</h4>
				<a href="#" class="header-elements-toggle text-default d-md-none"></a>
			</div>
            <a href="{{route('venue-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>
		</div>
	</div>
	<!-- /page header -->

	<!-- Content area -->
	<div class="content">
		<div class="row">
			<div class="col-md-2">
				<table style="width: 100%; font-weight:bolder" class="mt-1">
					<tr>
						<td style="white-space: nowrap;">Venue</td>
						<td style="white-space: nowrap;">
							:
                            {{@$booking->venue}}
						</td>
					</tr>
					<tr>
						<td style="white-space: nowrap;">Name</td>
						<td style="white-space: nowrap;">: {{ @$booking->nama }}</td>
					</tr>
					<tr>
						<td style="white-space: nowrap;">Arrival Date</td>
						<td style="white-space: nowrap;">: {{ @$booking->start_time }}</td>
					</tr>
					<tr>
						<td style="white-space: nowrap;">Departure Date</td>
						<td style="white-space: nowrap;">: {{ @$booking->end_time }}</td>
					</tr>
                    <tr>
                        <td style="white-space: nowrap;">Bill No.</td>
                        <td style="white-space: nowrap;">: {{ @$invoice->kode }}</td>
                    </tr>
                    <tr>
                        <td style="white-space: nowrap;">Reservation No.</td>
                        <td style="white-space: nowrap;">: <a href="{{route('venue-reservations.edit', @$booking->id)}}" target="_blank">{{@$booking->kode}}</a></td>
                    </tr>

				</table>
			</div>
			<div class="col-md-10">
                <div class="row p-2 m-2" style="position: absolute; bottom:0; right:0;">

				@if(@$booking->venue != null)
                    @if($booking->status_id == 2)
                        @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  {{@$booking->venue ? 'btn-success' : 'btn-outline-success'}} btn-tooltip dropdown-toggle btn_nav_style"
                                        data-toggle="dropdown"
                                        aria-expanded="false"
                                        {{@$booking->venue ? '' : '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->bookings->id}}, '{{@$invoice->bookings->venue}}', '{{addslashes(@$invoice->bookings->nama)}}')"
                                    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->bookings->venue}}', {{@$invoice->bookings->id}}, '{{addslashes($invoice->bookings->nama)}}')"
                                    title="Add Transactions"
                                    >
                                        <i class="fas fa-shopping-cart "></i> Add Transactions
                                    </a>
                                    @endif
                                </div>
                            </div>
                        </div>
                    @endif
				@endif

                <div class="ml-3 mt-1"asdf>
                    <a href="#transfer_nonstay_modal"
                    id="btn_transfer_nonstay_modal"
                    class="btn btn-tooltip {{$invoice->venue ? '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->venue ? '' : '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)
							{{-- Fetch Data Transaksi Yang Sudah Masuk Invoice Detail --}}
                            @if (!in_array(@$invoice->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
						@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->bookings->status_id != '2')
						<button id="btnprint" data-toggle="modal" data-target="#modal_custom" data-company="{{$invoice->bookings->company ? '1' : '0'}}"
								class="btn {{$invoice->venue ? 'btn-success' : 'btn-outline-success'}} btn-lg btn-block"
								type="button"
								{{-- type="submit" --}}
								{{$invoice->venue ? '' : 'disabled'}}
						>
							<b>Print Guest Bill <i class="fas fa-file-invoice-dollar"></i></b>
						</button>
					@else
							<button class="btn {{$invoice->venue ? 'btn-success' : 'btn-outline-success'}} btn-lg btn-block unblock-callback"
								type="submit"
								{{$invoice->venue ? '' : '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->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">Venue : </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 -->


	{{--
	--------------------------------------------------------------
	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">Venue : </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

							</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>
							</select>
							<br>
							<span id="warning_deposit_transfer" class="text-danger"></span>
						</div>
					</div> --}}

					<div class="form-group row">
						<label class="col-form-label col-sm-3">Voucher</label>
						<div class="col-lg-9">
							<input type="text" class="form-control" name="voucher" id="voucher_deposit">
						</div>
					</div>

					<div class="form-group row" style="display:none" id="not-transfer">
						<label class="col-form-label col-sm-3">Nominal</label>
						<div class="col-sm-9">
							<input id="nominal_deposit" name="nominal" type="text" class="form-control border-teal border-1 input_comma_custom" required>
                            <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->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->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-->

{{--
--------------------------------------------------------------
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/notifications/jgrowl.min.js"></script>
	<script src="{{asset('assets/js/app.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=null){
			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 = false;
            var status_company_ledger  = false
            var status_limittime  = false
            var limittime         = false
			var individual_ledger = false;
			var status_individual_ledger = false;
			var option_metode_pembayaran = '<option value="">** Select Payment Method **</option>';

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

            $.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)
            console.log(no_kamar)
			$('#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

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

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


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

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

            $('#grand_total'+nomor).val(ribuanWithComma(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();
					}
                }
            });

			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')
			$('#jumlah'+nomor).val('1');
			$('#total_biaya'+nomor).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;

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

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

        // $('#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'+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>
							<label for="diskon" class="col-form-label col-lg-1">Disc.</label>
							<div class="col-lg-4">
								<input type="number" id="diskon${nomor}" name="diskon[]" onchange="hitungtotal(${nomor})" class="form-control border-teal border-1 " min="0" value="0" 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