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

@section('title', 'POS')

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

    .border {
        border-right: 1px solid black;
    }

    .col-form-label{
		overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
	}

    .active{
        background-color: #0099ff;
        color: #F5F5F5;
    }

    /* Chrome, Safari, Edge, Opera */
    .qty_item::-webkit-outer-spin-button,
    .qty_item::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
    }

    /* Firefox */
    .qty_item {
    -moz-appearance: textfield;
}
</style>
@endsection

@section('content')

	<!-- Page header -->
	<div class="page-header page-header-light">
	    <div class="pl-3 py-3">

	        @if (in_array(\Auth::user()->role, [1,2,40]))

	            {{-- select shop untuk role super admin --}}
	                <div class="col-sm-6 pl-3">
	                    <label class="col-form-label pt-1 pb-0" style="font-size:18px; font-weight:bold;"><i class="fas fa-shopping-bag"></i> SHOP / RESTO </label>
	                    <select onchange="selectShop(this.value)" class="form-control form-control-select2 border-1 border-teal ml-3" id="shop_id" style="cursor:pointer; width:250px">
	                        <option value="">-- Select Shops --</option>
	                        @foreach ($shops as $shop)
	                            <option value="{{$shop->id}}">{{$shop->nama}}</option>
	                        @endforeach
	                    </select>
	                </div>

	            {{-- check jika shift ada tidak dengan role administrator --}}
	                @if ($shifts != 'tidak_ada')
	                @else
	                @endif
	            {{-- tutup comment --}}

	        {{-- @else --}}
	            {{-- check jika shift ada tidak dengan role kasir --}}
	                {{-- @if ($shifts != 'tidak_ada') --}}
	                    {{-- <div class="page-title d-flex">
	                        <div class="row ml-1 mr-1">
	                            <h3 class="font-weight-bold">Shift  - </h3>
	                            <button id="btn_close_shift"  class="ml-3 btn btn-danger"> Close Shift </button>
	                        </div>
	                    </div> --}}

	                    {{-- <div class="form-inline">
	                        <button id="btn_close_shift"  class="ml-3 btn btn-danger"> Close Shift </button>
	                        <h3 class="font-weight-bold ml-2 pt-2"> Shift {{@$shifts->shift}} - {{@$shifts->user->nama}} </h3>
	                    </div> --}}
	                {{-- @else
	                    <small class="text-danger" style="font-size:16px"> *silahkan pilih shift terlebih dahulu </small><br>
	                    <form action="{{ url('open-shift-pos') }}" method="post" class="container form-inline" style="margin: 0">
	                        @csrf
	                        <label class="col-form-label pt-2"><h2>Pilih Shift :</h2></label>
	                        <div class="col-md-5">
	                            <select name="shift" id="shift_select_id" class="form-control form-control-select2 border-1 border-teal" required>
	                                <option value="">-- Pilih Shift --</option>
	                                @foreach(config('custom.shift_pos') as $key => $shift)
	                                    <option value="{{$key}}">{{$shift}}</option>
	                                @endforeach
	                            </select>
	                        </div>
	                            <button type="submit" class="btn btn-success">Open Shift</button>
	                    </form>
	                @endif --}}
	            {{-- tutup comment --}}

	        @endif

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

	<!-- Content area -->
    @if (in_array(\Auth::user()->role, [1,2,40]))
    <div id="shift_container" class="bg-light row m-3 p-3" style="display: none;">
    </div>
    @endif

    <div class="content" >
        @if (in_array(\Auth::user()->role, [1,2,40]))
            @if ($shifts != 'tidak_ada')
                <div id="all_content" class="row">
            @else
                <div id="all_content" class="row" style="display: none">
            @endif

        {{-- @else

            @if ($shifts != 'tidak_ada')
                <div id="all_content" class="row">
            @else
                <div id="all_content" class="row" style="display: none;">
            @endif --}}

        @endif

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

            {{-- Menu --}}
            <div id="containerTableId" class="col-md-8">
                <div class="card p-0">
                    <div class="row card-header p-2 " style="border-bottom: 1px solid #F5F5F5;">

                        {{-- @if (\Auth::user()->role==40)
                            <div class="col-sm-5 pl-3 ml-2">
                                <label class="col-form-label pt-1 pb-0" style="font-size:18px; font-weight:bold;"><i class="fas fa-shopping-bag"></i> SHOP / RESTO </label>
                                <select onchange="selectShop(this.value)" class="form-control form-control-select2 border-1 border-teal ml-3" id="shop_id" style="cursor:pointer;">
                                    @foreach ($shops as $shop)
                                        <option value="{{\Auth::user()->shop_id}}" {{$shop->id == \Auth::user()->shop_id ? 'selected' : ''}} disabled='true' readonly>{{$shop->nama}}</option>
                                    @endforeach
                                </select>
                            </div>
                        @endif --}}

                        {{-- tipe menus show when if shop non resto --}}
                        <div id="tipeMenu_content" class="col-sm-5 pl-3 ml-2" style="display: none;">
                            <label class="col-form-label pt-1 pb-0" style="font-size:18px; font-weight:bold;"><i class="fas fa-shopping-bag"></i> Menu Type </label>
                            <select onchange="selectTipeMenuGetMenus(this.value)" class="tipe_menu_display form-control form-control-select2 border-1 border-teal" id="tipe_menu_id" style="cursor:pointer;">
                            </select>
                        </div>

                    </div>

                    <div class="card-body">

                        <div id="content_transfer_shift_all" class="row my-2" style="display: hidden;">

                        </div>

                        <div class="row">
                            <div class="col-md-12">
                                <div class="alert alert-secondary text-center mb-2 p-1" role="alert">
                                    <h4 class="font-weight-bold m-0">List - <span class="label_daftar"></span></h4>
                                </div>
                            </div>
                        </div>

                        <div id="searchcontainer" class="form-group form-group-feedback form-group-feedback-left col-md-12" style="display:none;">
                            <input type="text" placeholder="search something here..." id="search" class="form-control ui-autocomplete-input"  autocomplete="off">
                            <div class="form-control-feedback">
                                <i class="icon-search4 font-size-base"></i>
                            </div>
                        </div>

                        <div class="row" id="table_list_id" style="max-height: 650px; overflow: auto;">
                            @if (in_array(\Auth::user()->role, [1,2,40]))
                                <div class="col-md-12">
                                    <div class="alert alert-danger text-center mb-2" role="alert">
                                        Please select shop first.
                                    </div>
                                </div>
                            @else
                                <div class="col-md-12">
                                    <div class="alert alert-danger text-center mb-2" role="alert">
                                        Please select shop first.
                                    </div>
                                </div>
                            @endif

                        </div>

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

            {{-- Cartaction="{{ route('resto.print') }}" --}}
            <div id="cart_list" class="card list-group-bordered col-md-4" style="height:fit-content">
                <form id="submitCart" class="form-validate-jquery" enctype="multipart/form-data" rel="noopener" >
                    @csrf
                    <div id="detail_label_id" class="bg-secondary text-center p-1">
                        <h5  class="m-0"> Detail - <span class="label_no_meja" style="font-weight: bold"></span> </h5>
                    </div>

                    <div class="pl-2">
                        <div class="form-group row p-2" style="margin-bottom: 0%;" id="field_pelanggan">
                            <label class="col-form-label col-lg-4" style="font-size: 13px; font-weight:bold;">Customer</label>
                            <div class="col-lg-8">
                                <div class="col-lg-12">
                                    <input type="text" id="pelanggan" name="nama" class="form-control border-teal border-1" placeholder="customer name..." value="" onchange="orderNameCart(this.value)" required>
                                </div>
                            </div>
                        </div>
                        <div class="form-group row col-md-12">
                            <div id="tambahOrder" style="display: none; width:100%;">
                                <a  data-toggle="modal"
                                    data-target="#modal_tambah_menu">
                                    <button type="button" class="btn btn-success rounded-round" style="width: 100%">
                                        <i class="icon-add mr-2 "></i> Add To Cart
                                    </button>
                                </a>
                            </div>
                        </div>
                    </div>

                    <div class="bg-info text-center p-1"><h5 class="m-0"> Cart - <span class="label_no_meja" style="font-weight: bold"></span></h5></div>

                    <div style="width:auto; overflow:auto;">

                    <div class="container mb-1 mt-1 border-bottom row py-2" style="font-weight:bold;">
                        <div class="col-sm-4 " style="text-align: center;">
                            Item
                        </div>
                        <div class="col-sm-4" style="text-align: center;">
                            Qty
                        </div>
                        <div class="col-sm-3" style="text-align: center;">
                            Price
                        </div>
                        <div class="col-sm-1" style="text-align: center;">
                            &nbsp;
                        </div>
                    </div>

                    <fieldset id="fieldset_cart" style="height: 350px; width:auto;">
                        <div class="col-md-12">
                            <div class="alert alert-danger text-center mb-2" role="alert">
                                Please Select Table First.
                            </div>
                        </div>
                    </fieldset>

                    </div>

                    {{-- Hidden Section --}}
                    {{-- Input Hidden If Complimentary Checked --}}

                    <input type="hidden" name="total_payment_pos" id="total_payment_pos_complimentary" value="0" disabled>
                    <input type="hidden" name="grand_total_pos" id="grand_total_pos_complimentary" value="0" disabled>
                    <input type="hidden" name="sub_total" id="sub_total_pos_complimentary" value="0" disabled>
                    <input type="hidden" name="nama" id="complimentary_name" disabled>
                    <input type="hidden" name="complimentary_id" id="complimentary_id" disabled>
                    <input type="hidden" name="coa_id" id="coa_id" disabled>

                    {{-- /Input Hidden If Complimentary Checked --}}
                    <input type="hidden" id="grand_total_pos" name="grand_total_pos" value="">
                    <input type="hidden" id="sub_total_pos" name="sub_total" value="">
                    <input type="hidden" id="ppn_charge_pos" name="ppn_charge" value="">
                    <input type="hidden" id="services_charge_pos" name="services_charge" value="">

                    @if (in_array(\Auth::user()->role, [1,2,40]))
                        <input name="shop_id" id="hidden_shop_id" type="hidden" value="">
                        <input name="shift" id="hidden_shift_id" type="hidden" value="">
                    @else
                        <input name="shop_id" id="hidden_shop_id" type="hidden" value="{{ \Auth::user()->shop_id }}">
                        <input name="shift" id="hidden_shift_id" type="hidden" value="{{@$shifts->id}}">
                    @endif

                        <input name="cart_id" id="hidden_cart_id" type="hidden" value="">
                        <input name="table_id" id="hidden_table_id" type="hidden" value="">

                    {{-- Hidden Section --}}
                    <div id="table_adds_price" class="ml-1 pt-1 border-top border-bottom">

                        <div class="container mb-2 mt-1" id="status_nonresto_container_row" style="display: none;">
                            <div class="row">
                                <label class="col-form-label col-md-4 text-danger font-weight-bold">Status </label>
                                <div class="col-md-4" style="border-color:red; border-width:4px;">
                                    <select name="status_cart_nonresto" id="status_cart_nonresto" class="form-control" style="border-color:red; border-width:4px;" onchange="checkChangeStatus(this.value)" required>
                                        @foreach(config('custom.status_cart_pos') as $key => $val)
                                            @if (in_array($key, [1,2,3,4]))
                                                @continue
                                            @endif
                                            <option value="{{$key}}">{{$val}}</option>
                                        @endforeach
                                        <option value="">Custom Status</option>
                                        <option value="kosong" selected>**status**</option>
                                    </select>
                                    <span id="status_cart_nonresto_error" class="text-danger"></span>
                                </div>
                                <div class="col-md-4" align='right'>
                                    <input type="text" name="custom_status_nonresto" id="custom_status_nonresto" class="form-control border-1 border-red" style="border-color: red; border-width:4px;" placeholder="custom status ..." disabled>
                                </div>
                                {{-- <div class="col-md-1">
                                    <button type="button" class="btn bg-success" onclick="setStatusCart()"><i class="icon-check"></i></button>
                                </div> --}}
                            </div>
                        </div>

                        <div class="container">

                            <div class="row">
                                <div class="col">
                                    Sub Total
                                </div>
                                <div class="col">
                                        :
                                </div>
                                <div class="html_sub_total col" style="text-align: right" >
                                    Rp. 0
                                </div>
                            </div>

                            <div class="row">
                                <div class="col">
                                    Services
                                </div>
                                <div class="col">
                                        :
                                </div>
                                <div class="html_service_charge col" style="text-align: right" >
                                    Rp. 0
                                </div>
                            </div>

                            <div class="row">
                                <div class="col">
                                    Government Tax
                                </div>
                                <div class="col">
                                        :
                                </div>
                                <div class="html_ppn_charge col" style="text-align: right" >
                                    Rp. 0
                                </div>
                            </div>

                            <div class="row">
                                <div class="col">
                                    Grand Total
                                </div>
                                <div class="col">
                                        :
                                </div>
                                <div class="html_grand_total col" style="text-align: right" >
                                    Rp. 0
                                </div>
                            </div>

                        </div>
                    </div>

                    <div id="alert-payment" class="text-center bg-danger" style="display:none;">Pembayaran belum mencukupi!</div>

                    <div id="container_submit_button" class="d-flex bd-highlight">
                        <button type="button" style="border-radius: 0 !important; display:none;"  class="btn btn-success p-2 flex-fill bd-highlight" id="bayar_id">Total - Rp. 0</a>
                        {{-- <button type="submit" style="border-radius: 0 !important; display: none;" class="btn btn-primary p-2 flex-fill bd-highlight " id="chek_in_id">Masukkan Ke Tagihan Kamar - Rp. 0</button> --}}
                    </div>
                </form>
            </div>

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

<!-- Modal Area -->
<div id="modal_tambah_menu" class="modal fade p-2">
    <div class="modal-dialog modal-xl" style="max-width: 2000px; width:95%;">
        <div class="modal-content">

            <div class="modal-header bg-success" align="center">
                <h6 class="modal-title"><i class="fas fa-wallet mr-1"></i>Menu - Table <span id="modaltitlemeja">0</span></h6>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>

            <div class="modal-body">
                <div class="row">

                    <div class="row col-md-7 ">
                        <div class="container">

                            <div class="form-row">
                                <div class="form-group col-md-4">
                                    <span style="font-size:16px; font-weight:bold;"><i class="fas fa-th-list"></i> Menu Type </span>
                                </div>

                                <div class="form-group col-md-8">
                                    <select onchange="selectTipeMenuGetMenus(this.value)" class="form-control form-control-select2 border-1 border-teal" id="tipe_menu_id_modal" style="cursor:pointer;">
                                        <option value="">-- Select Menu Type --</option>
                                    </select>
                                </div>

                                <div id="searchcontainer_modal" class="form-group form-group-feedback form-group-feedback-left col-md-12">
                                    <input type="text" placeholder="search something here..." id="search_modal" class="form-control ui-autocomplete-input"  autocomplete="off">
                                    <div class="form-control-feedback">
                                        <i class="icon-search4 font-size-base"></i>
                                    </div>
                                </div>

                                <div class="col-md-12">
                                    <div class="alert alert-secondary text-center p-0 mb-2" role="alert">
                                        <h4 class="font-weight-bold m-0">Menu List</h4>
                                    </div>
                                </div>
                            </div>

                            <div id="menu_list_id" class="row" style="max-height: 500px;overflow: auto;">
                            </div>

                        </div>
                    </div>

                    <div class="col-md-5 border-left">
                        <form action="{{ route('save.resto') }}" class="form-validate-jquery" method="POST" enctype="multipart/form-data" id="save_item_form">
	                        @csrf
	                        <input type="hidden" name="table_id" id="hidden_save_table_id" value="">
	                        <input type="hidden" name="cartresto_id" id="hidden_cartresto_id" value="">
                            <input type="hidden" name="shop_id" id="hidden_shop_id_draft" value="">

                            {{-- <div class=" "> --}}
                                <div class="row mb-2" style="font-weight:bold; font-size:18px">
                                    <div class="col-sm-4 p-1" style="text-align: center;">
                                        Item
                                    </div>
                                    <div class="col-sm-4 p-1" style="text-align: center;">
                                        Qty
                                    </div>
                                    <div class="col-sm-3 p-1" style="text-align: center;">
                                        Price
                                    </div>
                                    <div class="col-sm-1">
                                        &nbsp;
                                    </div>
                                </div>

                                <div id="fieldset_cart_modal" style="height: 650px; min-width:565px; overflow:auto; font-size:14px">

                                </div>

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

                            <div>
                                <div class="container mb-2 mt-1" id="status_container_row" style="display: none;">
                                    <div class="row">
                                        <label class="col-form-label col-md-4 text-danger font-weight-bold">Status </label>
                                        <div class="col-md-4" style="border-color:red; border-width:4px;">
                                            <select name="status_cart" id="status_cart_modal" class="form-control" style="border-color:red; border-width:4px;" onchange="checkChangeStatus(this.value)">
                                                @foreach(config('custom.status_cart_pos') as $key => $val)
                                                    @if (in_array($key, [1,2,3,4]))
                                                        @continue
                                                    @endif
                                                    <option value="{{$key}}">{{$val}}</option>
                                                @endforeach
                                                <option value="">Custom Status</option>
                                                <option value="kosong" selected>**status**</option>
                                            </select>
                                            <span id="status_cart_error" class="text-danger"></span>
                                        </div>
                                        <div class="col-md-4" align='right'>
                                            <input type="text" name="custom_status" id="custom_status_text" class="form-control border-1 border-red" style="border-color: red; border-width:4px;" placeholder="custom status ..." disabled>
                                        </div>

                                        {{-- <div class="col-md-1">
                                            <button type="button" class="btn bg-success" onclick="setStatusCart()"><i class="icon-check"></i></button>
                                        </div> --}}

                                    </div>
                                </div>

                                {{-- <div class="container" style="display: none;">

                                    <div class="row">
                                        <div class="col">
                                            Sub Total
                                        </div>
                                        <div class="col">
                                                :
                                        </div>
                                        <div class="html_sub_total col" style="text-align: right" >
                                            Rp. 0
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col">
                                             Services
                                        </div>
                                        <div class="col">
                                                :
                                        </div>
                                        <div class="html_service_charge col" style="text-align: right" >
                                            Rp. 0
                                         </div>
                                    </div>

                                    <div class="row">
                                        <div class="col">
                                             Government Tax
                                        </div>
                                        <div class="col">
                                                :
                                        </div>
                                        <div class="html_ppn_charge col" style="text-align: right" >
                                            Rp. 0
                                         </div>
                                    </div>

                                    <div class="row">
                                        <div class="col">
                                             Grand Total
                                        </div>
                                        <div class="col">
                                                :
                                        </div>
                                        <div class="html_grand_total col" style="text-align: right" >
                                            Rp. 0
                                         </div>
                                    </div>

                                </div> --}}

                                <div class="pl-2 pr-2">
                                    {{-- <button type="submit" id="submit_pembayaran_cash" class="btn bg-primary col-md-12">Save Cart</button> --}}
                                    <button type="submit" id="submit_pembayaran_cash" class="btn bg-primary col-md-12">Save & Print</button>
                                </div>
                            </div>

                        </div>
                    </div>
            	</div>
        	</form>
        </div>
    </div>
</div>
<!-- /Modal Area -->

<!-- Modal Area -->
<div id="modal_pembayaran" style="  overflow-y:auto; " class="modal fade">
    <div class="modal-dialog" style="max-width: 1500px;">
        <div class="modal-content">
            <div class="modal-header bg-success" align="center">
                <h6 class="modal-title"><i class="fas fa-wallet mr-1"></i>Payment Form</h6>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>

            <div class="modal-body">
                <div class="row">

                    <div class="col-md-6 border-right">

                        <div class="container mb-3" style="font-weight:bold;">
                            <div class="row">
                                <div class="col-sm-4 " style="text-align: center;">
                                    Item
                                </div>
                                <div class="col-sm-1" style="text-align: right;">
                                    Qty
                                </div>
                                <div class="col-sm-3" style="text-align: right;">
                                    Discount
                                </div>
                                <div class="col-sm-4 pl-4" style="text-align: center;">
                                    Price
                                </div>
                            </div>
                        </div>

                        <form id="form_split_bill" action="{{ route('resto.split')}}" method="get" target="_blank">
                            <input type="hidden" name="shop_id" class="hidden_shop_id" value="">
                            <input type="hidden" name="cartresto_id" class="hidden_cartresto_id" value="">
                            <input type="hidden" name="tipe" class="hidden_tipe_disc" value="">
                            <input type="hidden" name="discount" class="hidden_disc" value="">
							{{-- <input type="text" id="nama_customer" value="Nama customer"> --}}
                            @csrf
                            <div id="review_carts"style="height: 600px; overflow:auto;">

                            </div>
                        </form>

						<!-- Ini Buat Menghitung Sisa Kekurangan Pembayaran Waktu Multiple Pembayaran -->
						<input type="hidden" id="grand_total_pos_holder">

                        <div class="mr-2">
                            <div class="container pt-3" style="position:absolute; padding-right: 24px; bottom:0; font-size:18px">

                                <div class="row">
                                    <div class="col">
                                        Sub Total
                                    </div>
                                    <div class="col">
                                            :
                                    </div>
                                    <div class="html_sub_total col" style="text-align: right" >
                                        Rp. 0
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col">
                                            Services
                                    </div>
                                    <div class="col">
                                            :
                                    </div>
                                    <div class="html_service_charge col" style="text-align: right" >
                                        Rp. 0
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col">
                                            Government Tax
                                    </div>
                                    <div class="col">
                                            :
                                    </div>
                                    <div class="html_ppn_charge col" style="text-align: right" >
                                        Rp. 0
                                    </div>
                                </div>



                                <div class="row">
                                    <div class="col">
                                        Grand Total
                                    </div>
                                    <div class="col">
                                        :
                                    </div>
                                    <div class="html_grand_total col" style="text-align: right" >
                                        Rp. 0
                                    </div>
                                </div>

                            </div>
                        </div>

                    </div>


                    <div class="col-md-6" style="height: auto">

                        <!--Select Tipe Transaksi-->
                        <div class="form-group row p-2" style="margin-bottom:0%;" id="select_tipe_transaksi">
                            <label class="col-form-label col-lg-4" style="font-size: 13px; font-weight:bold;">Transaction Type</label>
                            <div class="col-lg-8">
                                <div class="col-lg-12">
                                    <select id="tipe_transaksi"
                                            class="form-control select-icons"
                                            style="width: 50%;"
                                            data-container-css-class="border-teal"
                                            data-dropdown-css-class="border-teal"
                                            onchange="tipeTransaksi(this.value);"
                                    >
                                        <option value="">-- Select Transaction Type --</option>
                                            <option value="0" selected>Dine-In</option>
                                            {{-- <option value="1" >Transfer Kamar</option> --}}
                                            <option value="2" >Roomservice</option>
                                            {{-- <option value="3" >Ledgers</option> --}}
                                            <option value="4" >Compliment</option>
                                    </select>
                                </div>
                            </div>
                        </div>

                        <!-- Remark -->
                        <div class="form-group row p-2" style="margin-bottom:0%;" id="select_tipe_transaksi">
                            <label class="col-form-label col-lg-4" style="font-size: 13px; font-weight:bold;">Remark</label>
                            <div class="col-lg-8">
                                <div class="col-lg-12">
                                    <textarea type="text" name="remark" id="remark_id_textarea" class="form-control" placeholder="remark ..."></textarea>
                                </div>
                            </div>
                        </div>

	                    <!-- Metode Complimentary -->
                        <div class="form-group row p-2" style="margin-bottom: 0%; display:none;" id="field_complimentary">
                            <label class="col-form-label col-lg-4" style="font-size: 13px; font-weight:bold;">Departemen</label>
                            <div class="col-lg-8">
								{{--
									<div class="col-lg-12">
	                                    <input class="form-check-input" type="checkbox" name="complimentary_checkbox" value="1" id="complimentary_checkbox">
	                                </div>
								--}}
                                <div class="col-lg-12">
                                    <select name="nama" id="complimentary"
                                            class="form-control select-icons"
                                            style="width: 50%;"
                                            data-container-css-class="border-teal"
                                            data-dropdown-css-class="border-teal"
                                            onchange="getCoaDepartment();"
                                            required
											disabled
                                    >
                                        <option value="">-- Pilih Departemen --</option>
                                        @foreach($complimentaries as $complimentary)
                                            <option value="{{$complimentary->id}}" data-name="{{ $complimentary->name }}">{{ @$complimentary->department->name }} - {{$complimentary->name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
							<label class="col-form-label col-lg-4" style="font-size: 13px; font-weight:bold;">Payment</label>
							<div class="col-lg-8">
								<div class="col-lg-12">
									<div id="coa_container_compliment" style="margin-top: 5px;">
										<select id="coa_select_compliment" class="form-control select-icons"
												style="width: 50%;"
												data-container-css-class="border-teal"
												data-dropdown-css-class="border-teal"
												required
												disabled
										>
											<option value="">-- Select Payment --</option>
										</select>
									</div>
								</div>
							</div>
                        </div>

						<!-- Metode Transfer Kamar -->
                        <div class="form-group row p-2" style="margin-bottom: 0%; display:none;" id="field_kamar">
                            <label class="col-form-label col-lg-4" style="font-size: 13px; font-weight:bold;">Kamar</label>
                            <div class="col-lg-8">
                                {{-- <div class="col-lg-12">
                                    <input class="form-check-input" type="checkbox" name="in_house" value="1" id="in_house">
									<span class="text-danger">*centang untuk masukkan ke tagihan kamar</span>
                                </div> --}}
                                <div class="col-lg-12">
                                    <div class="row">
                                        <div class="col-lg-11">
                                            <select name="kamar_id" id="kamar_id"
                                                    class="form-control select-icons"
                                                    style="width: 50%;"
                                                    data-container-css-class="border-teal"
                                                    data-dropdown-css-class="border-teal"
                                                    disabled required
                                            >
                                                <option value="">-- Pilih No Kamar --</option>
                                                @foreach($kamars as $kamar)
                                                    <option value="{{$kamar->id}}" data-nomor_kamar="{{ $kamar->nomor_kamar }}" data-status_lock="{{ @$kamar->booking->status_lock}}" {{ @$kamar->booking->status_lock == 1 ? 'data-icon=fa-lock data-color=text-danger' : 'data-icon=fa-lock-open data-color=text-success' }}>{{$kamar->nomor_kamar}} - {{$kamar->nama_pelanggan}}</option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <div class="col-lg-1 pr-0">
                                            <button type="button" class="btn p-0" onclick="refreshKamar()">
                                                <i class="fas fa-sync-alt"></i>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

						<!-- Metode Kartu Debit -->
						{{-- <div class="form-group row p-2" style="margin-bottom: 0%;" id="field_kartu_debit">
                            <span class="col-form-label col-lg-4" style="font-size: 13px; font-weight:bold;" id="id_label_card">Kartu Debit</span>
                            <div class="col-lg-8">
                                <div class="col-lg-12">
                                    <input class="form-check-input" type="checkbox" value="" id="card_number" onclick="">
                                </div>
                                <div class="col-lg-12">
                                    <input type="text" id="bank" name="bank" class="form-control border-teal border-1" placeholder="Masukkan Bank" required disabled>
                                </div>
                            </div>
                        </div> --}}

						<!-- Metode Transfer Nonstay Folio -->
						{{--
							<div class="form-group row p-2" style="margin-bottom: 0%;" id="field_transfer_bill">
								<span class="col-form-label col-lg-4"
									  style="font-size: 13px; font-weight:bold;"
								>
									Transfer Nonstay Folio
								</span>
								<div class="col-lg-8">
									<div class="col-lg-12">
										<input class="form-check-input" type="checkbox" value="" id="transfer_nonstay_folio">
									</div>
									<div class="col-lg-12">
										<select name="folio_dummy_id" id="folio_dummy_id" class="form-control form-control-select2" required disabled>
											<option value="">** Pilih Nonstay Folio **</option>
										</select>
									</div>
								</div>
							</div>
						--}}

                        <!-- Metode room service -->
                        <div class="form-group row p-2" style="margin-bottom: 0%; display:none;" id="field_room_service">
                            <label class="col-form-label col-lg-4" style="font-size: 13px; font-weight:bold;">Room Service</label>
                            <div class="col-lg-8">
                                {{-- <div class="col-lg-12">
                                    <input class="form-check-input" type="checkbox" name="room_service_checkbox" value="1" id="room_service_checkbox">
                                </div> --}}
                                <div class="col-lg-12">
                                    <select name="room_service" id="room_service"
                                            class="form-control select-icons"
                                            style="width: 50%;"
                                            data-container-css-class="border-teal"
                                            data-dropdown-css-class="border-teal"
                                            required disabled
                                    >
                                        <option value="">-- Pilih No Kamar --</option>
                                        @foreach($kamar_roomservices as $kamar)
                                            <option value="{{$kamar->id}}">{{$kamar->no_kamar}} - {{$kamar->nama_pelanggan}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>

                        <!-- Metode Pembayaran Ledger -->
                        <div class="form-group row p-2" style="margin-bottom: 0%; display:none;" id="field_ledger">
                            <label class="col-form-label col-lg-4" style="font-size: 13px; font-weight:bold;">Ledger</label>
                            <div class="col-lg-8">
                                {{-- <div class="col-lg-12">
                                    <input class="form-check-input" type="checkbox" name="ledger_checkbox" value="1" id="ledger_checkbox">
                                </div> --}}
                                <div class="col-lg-12">
									{{-- <select name="ledger_id" id="ledger_id" class="form-control form-control-select2" required disabled>
										<option value="">** Pilih Ledger **</option>
									</select> --}}
                                </div>
                            </div>
                        </div>

                        <!-- button print preview -->
                        <div class="container border mt-1 mb-1 p-1" id="btn-print-discount" style="width: 600px">
                            <button id="btn_print_preview" type="button" class="btn btn-primary btn-sm" style="font-size:18px"><i class="fas fa-print"></i> Print Preview</button>
                            {{-- <button data-target="#modal_discount" data-toggle="modal" type="button" data class="btn btn-primary btn-sm" style="font-size:18px"> <i class="fas fa-percent"></i> Discount</button> --}}
                            <button id="btn_split_bill" type="button" class="btn btn-primary btn-sm" style="font-size:18px"><i class="fas fa-print"></i> Split Bill</button>
                            <button id="btn_transfer_bill" data-target="#modal_transfer_bill" data-toggle="modal"  onclick="getTableWithActiveCart()" type="button" class="btn btn-primary btn-sm" style="font-size:18px">Transfer Order</button>
                            <button id="btn_print_preview_kitchen" type="button" class="btn btn-primary btn-sm" style="font-size:18px"><i class="fas fa-print"></i> Print Kitchen</button>
                        </div>
                        <!-- button print preview -->

                        <div class="container border " style="width: 600px;" id="nominal_pembayaran">
                            <div class="p-1">
                                <!-- input container -->
                                <form action="{{url('simpan-pembayaran-pos')}}" method="post" id="form_metode_pembayaran">
                                    @csrf

                                    <div class="row ml-1">
                                        <button id="btn_modal_simpan_pembayaran"
												type="button" class="btn btn-primary text-center"
												style="text-align: center;"  data-toggle="modal"
												data-target="#modal_alert_simpan" style="display:none;"
										>
											Save Payment
										</button>
                                    </div>

                                    <input type="hidden" id="cartresto_id_pembayaran" name="cartresto_id_pembayaran">
                                    <div id="formMethod0">
                                        <div class="row p-1">

                                            <input type="hidden" id="pembayaran_id" name="pembayaran_id[1]">

                                            <div id="nominal_div_1" class="col-lg-6 p-1 m-0">
                                                <input id="total_payment_pos" name="nominal[1]" min="1" type="text" class="paymentInput_1 nominal_input text-right form-control-lg border-teal border-1" style="width: inherit; height:36px;" onfocus="inputClick(this.id, 1)" oninput="checkPayment()" autocomplete="off" placeholder="Amount..." required autofocus>
                                            </div>

                                            <!-- Jika Pembayaran Transfer Guest Bill -->
											<div class="col-lg-5  p-1 m-0" style="display:none;" id="checkout_room_hotel_1">
												<select name="kamar_id[1]" id="kamar_id_1" class="form-control form-control-select2">
                                                    <option value="">-- Pilih No Kamar --</option>
                                                    @foreach($kamars as $kamar)
                                                        <option value="{{$kamar->id}}" data-nomor_kamar="{{ $kamar->nomor_kamar }}" data-status_lock="{{ @$kamar->booking->status_lock}}" {{ @$kamar->booking->status_lock == 1 ? 'data-icon=fa-lock data-color=text-danger' : 'data-icon=fa-lock-open data-color=text-success' }}>{{$kamar->nomor_kamar}} - {{$kamar->nama_pelanggan}}</option>
                                                    @endforeach
                                                </select>
                                            </div>

											<!-- Jika Pembayaran Car Atau Digital -->
                                            <div id="voucher_1" class="col-lg-3 p-1 m-0" style="display:none;">
                                                <input id="voucher_number_1" type="text" name="voucher[1]" class="text-right form-control-lg border-teal border-1"  style="width: inherit; height:36px;" autocomplete="off" placeholder="voucher/card number..." onclick="inputClick(this.id, '')">
                                            </div>
                                            <div class="col-lg-3 p-1 m-0" id="checkout_jenis_pembayaran_option_1" style="display: none">
                                                <select name="platform_pembayaran_id[1]"
                                                        id="platform_id"
                                                        class="platform_pembayaran_id_1 form-control form-control-select2 border-1 border-1 border-teal"
                                                        onchange="pickPlatform(1, this.value)"
                                                >
                                                    <option value="">** Pilih Platform Pembayaran **</option>
                                                </select>
                                            </div>

											<!-- Jika Pembayaran Nonstay Folio -->
											<div class="col-lg-5 p-1 m-0" id="checkout_folio_dummy_option_1" style="display:none">
												<select name="folio_dummy_id[1]" id="folio_dummy_id_1" class="form-control form-control-select2">
													<option value="">** Pilih Nonstay Folio **</option>
													@foreach($nonstay_folios as $nonstay_folio)
														@php
														$total_deposit = $nonstay_folio->totalDeposit ? $nonstay_folio->totalDeposit->jumlah : 0;
														$total_transaction_shop = $nonstay_folio->totalPembayaranPOS ? $nonstay_folio->totalPembayaranPOS->jumlah : 0;
														$balance_deposit = $total_deposit - $total_transaction_shop;
														@endphp

														<option value="{{$nonstay_folio->id}}">
															{{-- Rp. {{ribuan($balance_deposit)}} --}}
															Rp. {{ribuanWithComma($balance_deposit)}}
															-
															{{@$nonstay_folio->guestProfile->name}} ({{ $nonstay_folio->no_bill }})
														</option>
													@endforeach
												</select>
                                            </div>

											<!-- Jika Pembayaran Ledgers -->
											<div class="col-lg-5 p-1 m-0 dasasa" id="checkout_ledgers_option_1" style="display:none">
												<select name="ledger_id[1]" id="ledger_id_1" class="form-control form-control-select2" required>
                                                    <option value="">** Pilih Ledger **</option>
                                                    @foreach ($ledgers as $ledger)
                                                        <option value="{{ $ledger->id }}">{{ $ledger->comp_title }} {{ $ledger->name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>

                                            <div id="jenis_div_1" class="col-lg-5 p-1 m-0">
                                                <select style="height:35px;" name="jenis_pembayaran[1]" class="jenis_bayar form-control form-control-select2 border-teal border-1 border-teal" name="jenis_pembayaran_id" id="checkout_jenis_pembayaran_1" onchange="setJenisPembayaran(1)">
                                                @foreach(config('custom.jenis_pembayaran') as $key => $value)
                                                    @if(in_array($key, [3, 8]))
                                                        @continue
                                                    @endif
                                                    <option value="{{$key}}">{{$value}}</option>
                                                @endforeach
                                                </select>
                                            </div>

                                            <input type="hidden" id="jumlahMethod" value="1">
                                            <div class="col-lg-1 p-1 m-0">
                                                <button id="tambah_metode_pembayaran" type="button" onclick="tambahMethodPembayaran()" class="btn btn-success" style="height:35px;">
                                                    <i class="fas fa-plus-circle"></i>
                                                </button>
                                            </div>

                                        </div>
                                    </div>

                                    <div id="formMethod">
                                    </div>

                                </form>
                               <!-- input container -->
                            </div>

                        </div>


                        <!-- nominal container-->
                        <div class="container mb-1 mt-1" style="text-align: center; width: 600px;" id="con_button_nominal">
                            <div class="row border p-2 d-flex justify-content-center" id="button_nominal">
                                    <div class="col-lg-3 mt-2">
                                        <button type="button" class="btn bg-light btn-lg nominal py-3 border-teal" style="font-size:12px; width:100px; white-space:nowrap;" onclick="nominal('pass');">Full Payment</button>
                                    </div>
                                @foreach (config('custom.uang_pecahan') as $key => $uang_pecahan)
                                    @if ($uang_pecahan == 1000)
                                        @continue
                                    @endif
                                    <div class="col-lg-3 mt-2">
                                        <button type="button" class="btn bg-light btn-lg nominal py-3 border-teal" style="font-size:18px; width:100px" onclick="nominal({{ $uang_pecahan }});">{{number_format($uang_pecahan, 0, ',', '.')}}</button>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                        <!-- /nominal container-->

                        <div class="container" id="container_modal_cash" style="width: 600px;">
                            <div class="row border p-2">
                                <!-- calculator -->
                                <div class="btn-group-vertical col-md-12" role="group" aria-label="numeric keypad card" >
                                    <!-- group button for cash -->
                                    <div class="btn-group">
                                        <button type="button" class="numpad btn btn-outline-secondary p-1" value="1" onclick="virtualNumpad(this.value)" style="font-size:36px; width:100px; height:80px" >1</button>
                                        <button type="button" class="numpad btn btn-outline-secondary p-1" value="2" onclick="virtualNumpad(this.value)" style="font-size:36px; width:100px; height:80px" >2</button>
                                        <button type="button" class="numpad btn btn-outline-secondary p-1" value="3" onclick="virtualNumpad(this.value)" style="font-size:36px; width:100px; height:80px" >3</button>
                                    </div>
                                    <div class="btn-group">
                                        <button type="button" class="numpad btn btn-outline-secondary p-1" value="4" onclick="virtualNumpad(this.value)" style="font-size:36px; width:100px; height:80px" >4</button>
                                        <button type="button" class="numpad btn btn-outline-secondary p-1" value="5" onclick="virtualNumpad(this.value)" style="font-size:36px; width:100px; height:80px" >5</button>
                                        <button type="button" class="numpad btn btn-outline-secondary p-1" value="6" onclick="virtualNumpad(this.value)" style="font-size:36px; width:100px; height:80px" >6</button>
                                    </div>
                                    <div class="btn-group">
                                        <button type="button" class="numpad btn btn-outline-secondary p-1" value="7" onclick="virtualNumpad(this.value)" style="font-size:36px; width:100px; height:80px" >7</button>
                                        <button type="button" class="numpad btn btn-outline-secondary p-1" value="8" onclick="virtualNumpad(this.value)" style="font-size:36px; width:100px; height:80px" >8</button>
                                        <button type="button" class="numpad btn btn-outline-secondary p-1" value="9" onclick="virtualNumpad(this.value)" style="font-size:36px; width:100px; height:80px" >9</button>
                                    </div>
                                    <div class="btn-group">
                                        <button type="button" class="numpad btn btn-outline-secondary p-1" onclick="deleteNumpad()" style="font-size:36px; width:100px; height:80px" ><i class="fas fa-backspace fa-2x"></i></button>
                                        <button type="button" class="numpad btn btn-outline-secondary p-1" value="0" onclick="virtualNumpad(this.value)" style="font-size:36px; width:100px; height:80px" >0</button>
                                        <button type="button" class="numpad btn btn-danger p-1" onclick="clearNumpad()" style="font-size:36px; width:100px; height:80px" >C</button>
                                    </div>
                                    <!-- group button -->
                                </div>
                                <!-- calculator -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="modal-footer">
                <button type="submit" id="btn_deal_pos" class="btn bg-primary col-md-12" disabled>Print & Pay</button>
            </div>

        </div>
    </div>
</div>
<!-- /Modal Area -->

<!-- Modal Area -->
<div id="modal_discount" class="modal fade" tabindex="-1">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header bg-success" align="center">
                <h6 class="modal-title"><i class="fas fa-wallet mr-1"></i>Apply Discount</h6>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                <div class="container">

                    <div class="text-center mb-2">
                        <label> Select  Discount Type </label>
                        <div id="myDIV">
                            <button value="1" id="discount_type1" class="disc_type btn border-1 border-teal">percentage</button>
                            <button value="2" id="discount_type2" class="disc_type btn border-1 border-teal" >fixed</button>
                        </div>
                    </div>

                    <div class="form-group row">
                        <div class="col-sm-12">
                            <input type="hidden" id="index_trans" value="">
                            <input id="discount_amount" name="discount_amount" class="form-control border-1 border-teal ribuan" type="text" placeholder="enter discount..." oninput="formatMask('#discount_amount')">
                        </div>
                    </div>

                    <div class="modal-footer">
                        <button type="button" class="btn bg-secondary btn-link col-md-6" data-dismiss="modal">Close</button>
                        <button type="button" id="apply_discount_btn" class="btn bg-success col-md-6" disabled>Apply</button>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
<!-- Modal Area -->

<!--MODAL CHANGE ROOM-->
<div id="pindah_meja_modal" class="modal fade" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header bg-light" align="center">
                <h6 class="modal-title"><i class="fas fa-running mr-1"></i>Change Table</h6>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>

            <form id="form-ganti-meja" action="{{route('resto.gantimeja')}}" method="post">
                @method('post')
                @csrf
                <input type="hidden" name="cart_id" id="pindahmeja_cart_id">
                <input type="hidden" name="old_table_id" id="pindahmeja_old_table_id">
                <div class="modal-body">
                    <div class="form-group row" id="meja_list_id">
                        <label class="col-form-label col-sm-4">Available Table :</label>
                        <div class="col-lg-8">
                            <select name="new_table_id" id="option_meja_id" class="form-control form-control-select2 border-1 border-1">
                            </select>
                        </div>
                    </div>

                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary">Submit</button>
                </div>

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

<!-- Modal Transer Bill -->
<div id="modal_transfer_bill" class="modal fade" tabindex="-1">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header bg-primary" align="center">
                <h6 class="modal-title"><i class="fas fa-wallet mr-1"></i>Transfer Bill</h6>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">

                <div class="modal-body">
                    <div class="form-group row" id="meja_list_id">
                        <label class="col-form-label col-sm-4">Transfer Bill to Table :</label>
                        <div class="col-lg-8">
                            <select name="table_id" id="option_meja_with_customer" class="form-control form-control-select2 border-1 border-1">
                            </select>
                        </div>
                    </div>

                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    <button id="submit_transfer_bill" type="button" class="btn btn-primary">Transfer</button>
                </div>

            </div>
        </div>
    </div>
</div>
<!-- Modal Area -->

<!-- Modal Transer Shift -->
<div id="modal_transfer_shift" class="modal fade" tabindex="-1">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header bg-light" align="center">
                <h6 class="modal-title"><i class="fas fa-wallet mr-1"></i>Transfer Shift</h6>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                <form id="form_transfer_shift" action="{{route('resto.transfershift')}}" method="post">
                    @method('post')
                    @csrf
                    <!-- tipe untuk transfer semua meja atau tidak -->
                    <input type="hidden" name="tipe_transfer" id="tipe_transfer_shift">

                    <input type="hidden" name="table_id" id="transfer_table_id">

                    <input type="hidden" name="shop_id" id="transfer_shop_id">
                    <input type="hidden" name="shift_id" id="transfer_shift_id">

                    <div class="modal-body">
                        Please Transfer Shift, Transfer To Next Shift .
                    </div>

                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button data-target="#modal_confirm_transfer_shift" data-toggle="modal" id="submit_transfer_shift" type="button" class="btn btn-primary">Transfer</button>
                    </div>

                 </form>
            </div>
        </div>
    </div>
</div>
<!-- Modal Area -->

<!-- Modal Transer Shift -->
<div id="modal_back_tf_shift" class="modal fade" tabindex="-1">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header bg-light" align="center">
                <h6 class="modal-title"><i class="fas fa-wallet mr-1"></i>Back Shift</h6>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                <form id="form_transfer_shift" action="{{route('resto.backshift')}}" method="post">
                    @method('post')
                    @csrf
                    <!-- tipe untuk transfer semua meja atau tidak -->
                    <input type="hidden" name="tipe_transfer" id="tipe_transfer_shift_back">
                    <input type="hidden" name="table_id" id="transfer_table_id_back">
                    <input type="hidden" name="shop_id" id="transfer_shop_id_back">
                    <input type="hidden" name="shift_id" id="transfer_shift_id_back">

                    <div class="modal-body">
                        Back to current shift
                    </div>

                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-primary">Back Shift</button>
                    </div>

                 </form>
            </div>
        </div>
    </div>
</div>
<!-- Modal Area -->

<!--MODAL Confirm Cancel Order-->
<div id="modal_confirm_cancel_order" class="modal fade" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header bg-danger" align="center">
                <h6 class="modal-title"><i class="fas fa-times mr-1"></i>Cancel Order</h6>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>

            <form id="form-cancel-order" action="{{route('resto.cancelOrder')}}" method="post">
                @method('post')
                @csrf
                <input type="hidden" name="cart_id" id="cancel_order_cart_id">
                <input type="hidden" name="table_id" id="cancel_order_table_id">
                <input type="hidden" name="shop_id" id="cancel_order_shop_id">
                <input type="hidden" name="shift_id" id="cancel_order_shift_id">

                <div class="modal-body">
                    <h2 class="text-center">Are you sure want cancel order?</h2>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-danger">Submit</button>
                </div>

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

<!--MODAL Confirm Remove item di modal pembayaran-->
<div id="modal_confirm_remove_item_pembayaran" class="modal fade" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header bg-danger" align="center">
                <h6 class="modal-title"><i class="fas fa-times mr-1"></i> Remove Item</h6>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>

            <div class="modal-body">
                <h2 class="text-center">Are you sure want delete this order?</h2>
                <form id="form-remove-item" action="{{route('resto.removeItemInPembayaran')}}" method="post" class="container">
                    @method('post')
                    @csrf

                    <input type="hidden" name="id" id="remove_item_pembayaran_shop_transaction_id">

                    <div class="row">
                        <div class=" col-form-label col-lg-4">Status : </div>
                        <div class="col-lg-8">
                            <select class="form-control" name="status" id="status_remove_item" style="border-color:red; border-width:2px;" required>
                                @foreach(config('custom.status_cart_pos') as $key => $val)
                                    @if (in_array($key, [1,2,3,4]))
                                        @continue
                                    @endif
                                    <option value="{{$key}}">{{$val}}</option>
                                @endforeach
                                <option value="">Custom Status</option>
                            </select>
                        </div>
                    </div>

                    <div class="row mt-2">
                        <div class="col-lg-4"></div>
                        <div class="col-lg-8">
                                <textarea name="status_textarea" id="status_textarea" class="form-control" placeholder="custom..." disabled></textarea>
                        </div>
                    </div>

                </form>
            </div>


            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                @if (\Auth::user()->opsi_delete_without_verif==1)
                    <button type="button" id="submit_button_confirm_remove_item" onclick="confirmDeleteWithoutVerif()" class="btn btn-danger">Submit</button>
                @else
                    <button type="button" id="submit_button_confirm_remove_item" onclick="openModalVerif()" class="btn btn-danger">Submit</button>
                @endif
            </div>

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

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

                    <div class="modal-body" align="center">
                        <h2> Save Payment, please check again? </h2>
                    </div>

                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                        <button id="btn_simpan_pembayaran" type="button" class="btn bg-primary">Save</button>
                    </div>
            </div>
        </div>
    </div>
<!-- /Alert modal -->

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

                    <div class="modal-body" align="center">
                        <h2>Please check activated table, cancel or confirm? </h2>
                    </div>

                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                        <a id="btn_confirm_shift_modal" target="_blank"><button type="button" class="btn bg-primary">Confirm</button></a>
                    </div>
            </div>
        </div>
    </div>
<!-- /Alert modal -->

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

                    <div class="modal-body" align="center">
                        <h2> Please transfer shift. </h2>
                    </div>

                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                        <a id="btn_confirm_transfer_shift"><button type="button" class="btn bg-primary">Transfer</button></a>
                    </div>
            </div>
        </div>
    </div>
<!-- /Alert modal -->

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

                    <div class="modal-body" align="center">
                        <h2 id="html_keterangan_status_meja"></h2>
                    </div>

                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                        <a id="btn_ganti_status_meja"><button type="button" class="btn bg-primary">Change</button></a>
                    </div>
            </div>
        </div>
    </div>
<!-- /Alert 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-success" align="center">
                    <h6 class="modal-title">
                        Alert!
                    </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-success" data-dismiss="modal">Okay</button>
                </div>

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

<!-- Danger modal -->
    <div id="modal_theme_danger" class="modal fade" tabindex="-1" data-backdrop="static" data-keyboard="false">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header bg-danger" align="center">
                    <button type="button" class="close" onclick="cancelSubmitQty()">&times;</button>
                </div>

                <input type="hidden" id="id_menu_check_qty">
                <input type="hidden" id="harga_menu_check_qty">
                <input type="hidden" id="menu_check_qty">

                <form action="" method="post" id="checkQtyForm">

                    <div class="modal-body">

                        <h3 class="text-center">Insert username and password from supervisor!</h3>

                        <div class="form-group row">
                            <label class="col-form-label col-lg-2">Username</label>
                            <div class="col-lg-10">
                                <input type="text" id="username_supervisor" name="username" class="form-control" placeholder="Username" required autocomplete="off" value="">
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-form-label col-lg-2">Password</label>
                            <div class="col-lg-10">
                                <input type="password" id="password_supervisor" name="password" class="form-control" placeholder="Password" required autocomplete="off" value="">
                            </div>
                        </div>
                    </div>

                    <div class="modal-footer">
                        <button type="button" class="btn btn-link" onclick="cancelSubmitQty()">Cancel</button>
                        <button type="button" onclick="submitCheckQty()" class="btn bg-danger confirm_submit_save_item">Confirm</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
<!-- /default modal -->

<!-- Danger modal -->
    <div id="modal_verif_delete" class="modal fade" tabindex="-1" data-backdrop="static" data-keyboard="false">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header bg-danger" align="center">
                    <button type="button" class="close" onclick="cancelDelete()">&times;</button>
                </div>

                <form action="" method="post" id="deleteFormVerif">

                    <div class="modal-body">

                        <h3 class="text-center">Insert username and password from supervisor!</h3>

                        <div class="form-group row">
                            <label class="col-form-label col-lg-2">Username</label>
                            <div class="col-lg-10">
                                <input type="text" id="username_supervisor_verif_delete" name="username" class="form-control" placeholder="Username" required autocomplete="off" value="">
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-form-label col-lg-2">Password</label>
                            <div class="col-lg-10">
                                <input type="password" id="password_supervisor_verif_delete" name="password" class="form-control" placeholder="Password" required autocomplete="off" value="">
                            </div>
                        </div>
                    </div>

                    <div class="modal-footer">
                        <button type="button" class="btn btn-link" onclick="cancelDelete()">Cancel</button>
                        <button type="button" onclick="confirmDelete()" class="btn bg-danger">Confirm</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
<!-- /default modal -->


<!-- Alert Modal -->
<div id="modal_coa_custom" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header bg-success" align="center">
                <h6 class="modal-title">
                    Setting COA!
                </h6>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>

            <div class="modal-body" align="center" id="text-alert">
                <select id="modal_setting_coa" class="form-control form-control-select2">
                    <option value="">-- select COA --</option>
                    @foreach($coas as $coa)
                        <option value="{{$coa->id}}">({{$coa->account_no}}) {{ $coa->description }}</option>
                    @endforeach
                </select>
            </div>

            <div class="modal-footer" id="coa_custom_submit">
                {{-- <button type="button" class="btn bg-success" onclick="">Submit</button> --}}
            </div>

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

<!-- Modal Auth delete saved payment -->
<div id="saved_delete" class="modal fade" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header bg-primary" align="center">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>

            <form action="" id="saved_delete_form" method="post" target="_blank">
                @csrf
                @method('PATCH')

                <div class="modal-body">
                    <h3 class="text-center">Insert username and password from supervisor!</h3>
                    <div class="form-group row">
                        <label class="col-form-label col-lg-2">Username</label>
                        <div class="col-lg-10">
                            <input type="text" name="username" class="form-control" id="print_username"
                                placeholder="Username" required autocomplete="off" value="">
                        </div>
                    </div>

                    <div class="form-group row">
                        <label class="col-form-label col-lg-2">Password</label>
                        <div class="col-lg-10">
                            <input type="password" name="password" class="form-control" id="print_password"
                                placeholder="Password" required autocomplete="off" value="">
                        </div>
                    </div>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn bg-light" data-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn bg-danger">Delete</button>
                </div>
            </form>
        </div>
    </div>
</div>
<!-- End modal Auth delete saved payment -->

@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/editors/summernote/summernote.min.js')}}"></script>
<script src="{{asset('global_assets/js/plugins/buttons/ladda.min.js')}}"></script>
<script src="{{asset('global_assets/js/plugins/forms/styling/uniform.min.js')}}"></script>
<script src="{{asset('global_assets/js/plugins/media/fancybox.min.js')}}"></script>
<script src="{{asset('global_assets/js/plugins/extensions/jquery_ui/interactions.min.js')}}"></script>
<script src="{{asset('global_assets/js/plugins/notifications/sweet_alert.min.js')}}"></script>

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

<script src="{{asset('assets/js/app.js')}}"></script>
<script src="{{asset('global_assets/js/demo_pages/components_modals.js')}}"></script>

<script src="{{asset('global_assets/js/demo_pages/form_inputs.js')}}"></script>
<script src="{{asset('global_assets/js/demo_pages/extra_sweetalert.js')}}"></script>
{{-- <script src="{{asset('global_assets/js/plugins/forms/validation/validate.min.js')}}"></script> --}}
@if(\Request::get('m') == 'show')
    <script>
    $(function() {
        $('#modal_pembayaran').modal('show');
    });
    </script>
@endif

<script>

    var SweetAlert = function () {
        var _componentSweetAlert = function() {
            if (typeof swal == 'undefined') {
            console.warn('Warning - sweet_alert.min.js is not loaded.');
            return;
        }
        // Defaults
        var swalInit = swal.mixin({
                buttonsStyling: false,
                confirmButtonClass: 'btn btn-primary',
                cancelButtonClass: 'btn btn-light'
            });
            $('#kamar_id').on('change', function() {
                let no = $(this).find(':selected').data('nomor_kamar')
                let value = $(this).find(':selected').data('status_lock')

                if (value == 1) {
                    swalInit({
                        title: 'Tidak dapat memilih kamar ini!',
                        text: `Kamar ${no} dalam status Lock!`,
                        type: 'error'
                    });
                    // $('#chek_in_id').attr('disabled', true)
                    $('#btn_deal_pos').attr('disabled', true)
                }else{
                    let pilihNomorKamar = $(this).find(':selected').val()

                    $('#btn_deal_pos').attr('disabled', false)

                    // if (carts.length < 1) {
                    //     $('#chek_in_id').attr('disabled', true)
                    // }else{
                    //     $('#chek_in_id').attr('disabled', false)
                    // }

                }

            })
        };

        return {
            initComponents: function() {
                _componentSweetAlert();
            }
        }
    }();

    function formatRibuanComma(params) {
        return params.toLocaleString('en-US')
    }

    // format Mask
    function formatMask(element){
        // $('.ribuan').mask("#,##0", {reverse: true});

        $(element).val(function(index, value) {
            return value
            .replace(/\D/g, "")
            .replace(/\B(?=(\d{3})+(?!\d))/g, ",")
            ;
        });
    }
    // format Mask

    function iconFormat(icon, color) {
        var originalOption = icon.element;
        if (!icon.id) { return icon.text; }
        var $icon = icon.text + ' &nbsp;<i class="fas ' + $(icon.element).data('icon') + ' ' +  $(icon.element).data('color') + '"></i>';;
        return $icon;
    }

    function nominal(nominal){
        if (nominal == 'pass') {

            // ambil inputan pembayaran yang ada nominal nya
            let pass =  0;
            $('.nominal_input').each(function(index){
                pass += Number((this.value).replaceAll(".","")) ;
            });

            pass = parseInt(grand_total - pass);

            document.getElementById(activeInput).value = pass.toLocaleString('ID');// input nominal pas dengan total tagihan.

        }else{

            if (activeInputType == 1) {
                let nominal_awal = document.getElementById(activeInput).value

                nominal_awal = nominal_awal.replaceAll(".",""); //ambil semua angka. penyesuaian dengan tambahan separator . di tampilan

                nominal_awal = parseInt(nominal_awal) ? parseInt(nominal_awal) : 0

                let nominal_akhir = parseInt(nominal_awal) + parseInt(nominal)

                document.getElementById(activeInput).value = nominal_akhir.toLocaleString('ID');
            }else{
                return false;
            }

        }

        checkPayment()

    }

    // Initialize with options
    $('.select-icons').select2({
        templateResult: iconFormat,
        minimumResultsForSearch: Infinity,
        templateSelection: iconFormat,
        escapeMarkup: function(m) { return m; }
    });

    document.addEventListener('DOMContentLoaded', function() {
            SweetAlert.initComponents();
    });
</script>

<script type="text/javascript">
 let selecttwo = $('.form-control-select2').select2();

 console.log(selecttwo);

 var nonstays = {!! json_encode($nonstay_folios); !!}
 var nonstay_opts = `<option value="">** Pilih Nonstay Folio **</option>`;

 nonstays.forEach(function(item, index){
	 let total_deposit = item.total_deposit ? parseInt(item.total_deposit.jumlah) : 0;
	 let total_transaction_shop = item.total_pembayaran_p_o_s  ? parseInt(item.total_pembayaran_p_o_s.jumlah) : 0;
	 let balance_deposit = total_deposit - total_transaction_shop;

	// nonstay_opts += `<option value="${item.id}">
	// 					Rp. ${balance_deposit.toLocaleString('ID')}
	// 					-
	// 					${item.guest_profile.name} (${item.no_bill})
	// 				 </option>`;
	nonstay_opts += `<option value="${item.id}">
						Rp. ${formatRibuanComma(balance_deposit)}
						-
						${item?.guest_profile?.name ?? ''} (${item.no_bill})
					 </option>`;
 });

//  Ledger
let ledger_options = '<option value="" disabled>** Pilih Ledger **</option>';
let ledgers = {!! json_encode($ledgers) !!};
let shop_id_user = {!! json_encode(\Auth::user()->shop_id) !!};

if(ledgers.length > 0){
    ledgers.forEach(function(data){
        ledger_options += `<option value="${data.id}">${data.comp_title} ${data.name}</option>`;
    });
}

 var id_shop = $('#hidden_shop_id').val();
	$( document ).ready(function() {

        // if ({{\Auth::user()->role}} == 40 ) {
        //     selectShop({{\Auth::user()->shop_id}});
        // }

        var queryString = window.location.search;
        var urlParams = new URLSearchParams(queryString);
        var s = urlParams.get('s');
        var c = urlParams.get('c');
        var t = urlParams.get('t');
        var data_inserted = urlParams.get('data_inserted');

        if (s) {
            if (shop_id_user) {
                getDetailShop(shop_id_user);
                $("#shop_id").val(shop_id_user).trigger('change').prop('disabled', true);

            }else{
                getDetailShop(s);
                $("#shop_id").val(s).trigger('change');
            }
        }else if(shop_id_user){
            getDetailShop(shop_id_user);
            $("#shop_id").val(shop_id_user).trigger('change').prop('disabled', true);
        }

        if (c && t) {
            getDetailShop(s);
            $("#shop_id").val(s).trigger('change');
            selectTableGetCart(t, c, s);
        }

        // 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'
            });
            @if (session('print'))
                var cart_id = $('#hidden_cart_id').val();
                var shop_id = $('#hidden_shop_id').val();
                var comp_id = $('#complimentary').val();
                window.open("{{url('printpreview')}}/?cart="+cart_id+"&shop="+shop_id+"&tipe="+discount_type+"&disc="+discount+"&comp="+comp_id+"&data_inserted="+data_inserted, "_blank");

            @endif
        @endif

        $('#in_house').on('click', function(){
            let ischecked = $(this).is(":checked");
            let complimentary_checked = $('#complimentary_checkbox').is(':checked')

            if(ischecked){
                let statuslock = $('#kamar_id').find(':selected').data('status_lock')

                // enable btn deal pos
                $('#btn_deal_pos').removeAttr('disabled').attr('class', 'btn col-md-12 bg-primary');

                $('#field_kartu_debit').hide()
                $('#field_complimentary').hide()
                $('#kamar_id').removeAttr('disabled');
                $('#total_payment').attr('disabled', 'disabled');
                $('#container_payment').attr('style','display: none !important;');
                // $('#chek_in_id').attr('style', 'border-radius: 0 !important;');
                // $('#bayar_id').attr('style', 'border-radius: 0 !important; display: none;');
                $('#total_payment').val('');

                $('#bank').attr('disabled')
                $('#label_card').attr('style','display:none;')
                $('#card_number_input').attr('style','display:none;')
                $('#bank').attr('style','display:none;')
                $('#card_number').attr('style', 'display:none;')
                $('#id_label_card').attr('style', 'display:none;')
                $('#card_number_input').attr('disabled', 'disabled')
                $('#bank').attr('disabled', 'disabled')

                //Metode Roomservice dihidden dan field didisable
				$('#field_room_service').hide();
				$('#room_service_checkbox').attr('disabled', 'disabled');
				$('#room_service_checkbox').removeAttr('checked');
				$('#room_service').attr('disabled', 'disabled');

                if (kondisiCarts == 0) {
                    // $('#chek_in_id').attr('disabled', true)
                    $('#btn_deal_pos').attr('disabled', true)
                } else {
                    if (statuslock == 0) {
                        // $('#chek_in_id').attr('disabled', false)
                        $('#btn_deal_pos').attr('disabled', false)
                    } else {
                        // $('#chek_in_id').attr('disabled', true)
                        $('#btn_deal_pos').attr('disabled', true)
                    }
                }

                //Metode Complimentary Di hidden dan field didisable
				$('#field_complimentary').hide();
				$('#complimentary_checkbox').attr('disabled', 'disabled');
				$('#complimentary_checkbox').removeAttr('checked');
				$('#complimentary').attr('disabled', 'disabled');

                //Metode Kartu Debit Dihidden dan field didisable
				$('#field_kartu_debit').hide();
				$('#card_number').attr('disabled', 'disabled');
				$('#card_number').removeAttr('checked');
				$('#bank').attr('disabled', 'disabled');

				//Hide field tranfer bill dan disabled
				$('#transfer_nonstay_folio').removeAttr('checked');
				$('#folio_dummy_id').attr('disabled', 'disabled');
				$('#field_transfer_bill').hide();

				//Metode Ledger di hidden dan field didisable
				$('#field_ledger').hide();
				$('#ledger_checkbox').attr('disabled', 'disabled');
				$('#ledger_checkbox').removeAttr('checked');
				$('#ledger_id').attr('disabled', 'disabled');

                //Metode Roomservice dihidden dan field didisable
				$('#field_room_service').hide();
				$('#room_service_checkbox').attr('disabled', 'disabled');
				$('#room_service_checkbox').removeAttr('checked');
				$('#room_service').attr('disabled', 'disabled');

                //Metode Ledger di hidden dan field didisable
				$('#field_ledger').hide();
				$('#ledger_checkbox').attr('disabled', 'disabled');
				$('#ledger_checkbox').removeAttr('checked');
				$('#ledger_id').attr('disabled', 'disabled');

				//Hide tombol shortcut nominal mata uang
				$('#con_button_nominal').hide();

                //Hide Layar Nominal Pembayaran
                $('#nominal_pembayaran').hide();

                //Hide Tombol Print Preview Discound dan Split Bill
                $('#btn-print-discount').hide();

                //Hide Numpad
                $('#container_modal_cash').hide();

                //Enable Folio Dummy ID
                $('#folio_dummy_id').removeAttr('disabled');

                //Enable Print & Bayar
                $('#btn_deal_pos').removeAttr('disabled');

            }
            else{
                $('#field_kartu_debit').show()
                $('#field_complimentary').show()
                $('#kamar_id').attr('disabled', 'disabled')
                // $('#chek_in_id').attr('style', 'border-radius: 0 !important; display: none;');
                // $('#bayar_id').attr('style', 'border-radius: 0 !important;');
                // $('#total_payment').removeAttr('disabled');
                // $('#container_payment').attr('style','');

                $('#label_card').attr('style','display:none;')
                // $('#card_number_input').attr('disabled', 'disabled')
                $('#card_number_input').attr('style','display:none;')
                $('#bank').attr('style','')
                $('#card_number').attr('style', '')
                $('#card_number').prop("checked", false);
                $('#id_label_card').attr('style', 'font-size: 13px; font-weight:bold;')
                // $('#card_number_input').removeAttr('disabled')
                $('#label_bayar').attr('style','')
                $('#total_payment').attr('style', 'max-width:65%;')

                if (complimentary_checked) {
                    $('#container_payment').attr('style','display: none !important;');
                    $('#card_number_input').attr('disabled', true)
                    $('#total_payment').attr('disabled', true)
                    $('#btn_deal_pos').attr('disabled', false)
                }else{
                    $('#container_payment').attr('style','');
                    $('#card_number_input').removeAttr('disabled')
                    $('#total_payment').removeAttr('disabled');
                    $('#btn_deal_pos').attr('disabled', true)
                }

                //Metode Roomservice Dishow dan field dienable
				$('#field_room_service').show();
				$('#room_service_checkbox').removeAttr('disabled');

				//Show Field Tranfer Bill
				$('#field_transfer_bill').show();

				//Metode Ledger Dishow dan field dienable
	            $('#field_ledger').show();
	            $('#ledger_checkbox').removeAttr('disabled');

				//Metode Complimentary Di show field dienable
				$('#field_complimentary').show();
				$('#complimentary_checkbox').removeAttr('disabled');

				//Metode Transfer Kamar dishow dan field dienable
				$('#in_house').removeAttr('checked');
                $('#kamar_id').prop('selectedIndex', -1).val('');
				$('#kamar_id').attr('disabled', 'disabled');

				//Metode Kartu Debit Dishow dan field dienable
				$('#field_kartu_debit').show();
				$('#card_number').removeAttr('disabled');

                //Metode Transfer Nonstay dishow dan field dienable
				$('#field_transfer_bill').show();
				$('#transfer_nonstay_folio').removeAttr('disabled');

                //Metode Roomservice Dishow dan field dienable
				$('#field_room_service').show();
				$('#room_service_checkbox').removeAttr('disabled');

                //Metode Ledger Dishow dan field dienable
	            $('#field_ledger').show();
	            $('#ledger_checkbox').removeAttr('disabled');

				//Hide tombol shortcut nominal mata uang
				$('#con_button_nominal').show();

				//Hide Layar nominal pembayaran
				$('#nominal_pembayaran').show()

				//Hide Tombol Print Preview Discound dan Split Bill
				$('#btn-print-discount').show();

				//Hide Numpad
				$('#container_modal_cash').show();

				// Disable Folio Dummy ID
				$('#folio_dummy_id').attr('disabled', 'disabled');

				//Disabled print dan bayar
				$('#btn_deal_pos').attr('disabled', 'disabled');

                //disable pilihan nomor kamar room service
                $('#room_service').attr('disabled', true)
            }
        });

        // $('#chek_in_id').on('click', function(){
        //     $('#submitCart').attr('method', 'post');
        //     $('#submitCart').attr('action', ' /resto-to-guestbill');
        // });


		//Jika Memilih Pembayaran Dengan Card Number
        $('#card_number').on('click', function(){
            let ischecked = $(this).is(":checked");
            console.log(ischecked);
            if(ischecked){
                $('#total_payment').attr('disabled','disabled')
                $('#total_payment').attr('style', 'display:none;')
                $('#label_bayar').attr('style','display:none;')

                $('#card_number_input2').attr('autofocus', true).trigger('click');

                $('#bank').removeAttr('disabled')

                $('#label_card').attr('style','')
                $('#card_number_input').attr('style','max-width:65%;')
                $('#card_number_input').removeAttr('disabled')
                // $('#bayar_id').removeAttr('disabled')

                $('#card_number_input2').attr('style', 'width:100%;').removeAttr('disabled').val('');
                $('#total_payment_pos').attr('style', 'display:none;').attr('disabled', 'disabled');
                $('#con_button_nominal').attr('style', 'display:none;');
                $('#btn_deal_pos').removeAttr('disabled');

                //Metode Roomservice dihidden dan field didisable
				$('#field_room_service').hide();
				$('#room_service_checkbox').attr('disabled', 'disabled');
				$('#room_service_checkbox').removeAttr('checked');
				$('#room_service').attr('disabled', 'disabled');

				//Complimentary Hide
				$('#field_complimentary').hide();

				//Kamar Hide
				$('#field_kamar').hide();

				//Hide field tranfer bill dan disabled
				$('#transfer_nonstay_folio').removeAttr('checked');
				$('#folio_dummy_id').attr('disabled', 'disabled');
				$('#field_transfer_bill').hide();
            }
            else{
                $('#total_payment').removeAttr('disabled')
                $('#label_bayar').attr('style','')
                $('#total_payment').attr('style', 'max-width:65%;')
                $('#card_number_input').attr('disabled', 'disabled')

                $('#bank').val('')
                $('#bank').attr('disabled','disabled')
                // $('#bayar_id').attr('disabled', 'disabled')
                $('#label_card').attr('style','display:none;')
                $('#card_number_input').attr('style','display:none;')
                // $('#bayar_id').attr('disabled', 'disabled')

                $('#total_payment_pos').attr('style', 'width:100%;').removeAttr('disabled').val('');
                $('#card_number_input2').attr('style', 'display:none;').attr('disabled', 'disabled');
                $('#con_button_nominal').attr('style', 'text-align: center; width: 540px;');
                $('#btn_deal_pos').attr('disabled', 'disabled');

                //Metode Roomservice Dishow dan field dienable
				$('#field_room_service').show();
				$('#room_service_checkbox').removeAttr('disabled');

				//Complimentary Show
				$('#field_complimentary').show();

				//Kamar SHow
				$('#field_kamar').show();

				//Kartu Transfer Bill Show
				$('#field_transfer_bill').show();
            }
        });

		//Jika Memilih Pembayaran Dengan Nonstay Folio
		$('#transfer_nonstay_folio').on('click', function(){
			//Cek Apakah Metode Pembayaran Dengan Transfer Nonstay Folio Terpilih
			let ischecked = $(this).is(":checked");
			//Jika Terpilih
			if(ischecked){
				//Metode Complimentary Di hidden dan field didisable
				$('#field_complimentary').hide();
				$('#complimentary_checkbox').attr('disabled', 'disabled');
				$('#complimentary_checkbox').removeAttr('checked');
				$('#complimentary').attr('disabled', 'disabled');

				//Metode Transfer Kamar dihidden dan field didisable
				$('#field_kamar').hide();
				$('#in_house').attr('disabled', 'disabled');
				$('#in_house').removeAttr('checked');
				$('#kamar_id').attr('disabled', 'disabled');

				//Metode Kartu Debit Dihidden dan field didisable
				$('#field_kartu_debit').hide();
				$('#card_number').attr('disabled', 'disabled');
				$('#card_number').removeAttr('checked');
				$('#bank').attr('disabled', 'disabled');

                //Metode Roomservice dihidden dan field didisable
				$('#field_room_service').hide();
				$('#room_service_checkbox').attr('disabled', 'disabled');
				$('#room_service_checkbox').removeAttr('checked');
				$('#room_service').attr('disabled', 'disabled');

				//Metode Ledger di hidden dan field didisable
				$('#field_ledger').hide();
				$('#ledger_checkbox').attr('disabled', 'disabled');
				$('#ledger_checkbox').removeAttr('checked');
				$('#ledger_id').attr('disabled', 'disabled');

				//Hide tombol shortcut nominal mata uang
				$('#con_button_nominal').hide();

				//Hide Layar Nominal Pembayaran
				$('#nominal_pembayaran').hide();

				//Hide Tombol Print Preview Discound dan Split Bill
				$('#btn-print-discount').hide();

				//Hide Numpad
				$('#container_modal_cash').hide();

				//Enable Folio Dummy ID
				$('#folio_dummy_id').removeAttr('disabled');

				//Enable Print & Bayar
				$('#btn_deal_pos').removeAttr('disabled');
			}
			//Jika Metode Transfer Nonstay Folio Tidak Terpilih
			else{
				//Metode Complimentary Di show field dienable
				$('#field_complimentary').show();
				$('#complimentary_checkbox').removeAttr('disabled');

				//Metode Transfer Kamar dishow dan field dienable
				$('#field_kamar').show();
				$('#in_house').removeAttr('disabled');

				//Metode Kartu Debit Dishow dan field dienable
				$('#field_kartu_debit').show();
				$('#card_number').removeAttr('disabled');

                //Metode Roomservice Dishow dan field dienable
				$('#field_room_service').show();
				$('#room_service_checkbox').removeAttr('disabled');

				//Metode Ledger Dishow dan field dienable
	            $('#field_ledger').show();
	            $('#ledger_checkbox').removeAttr('disabled');

				//Hide tombol shortcut nominal mata uang
				$('#con_button_nominal').show();

				//Hide Layar nominal pembayaran
				$('#nominal_pembayaran').show()

				//Hide Tombol Print Preview Discound dan Split Bill
				$('#btn-print-discount').show();

				//Hide Numpad
				$('#container_modal_cash').show();

				// Disable Folio Dummy ID
				$('#folio_dummy_id').attr('disabled', 'disabled');

				//Disabled print dan bayar
				$('#btn_deal_pos').attr('disabled', 'disabled');
			}

		});

		//Jika Memilih Pembayaran Dengan Ledger
		$('#ledger_checkbox').on('click', function(){
			//Cek Apakah Metode Pembayaran Dengan Transfer Nonstay Folio Terpilih
			let ischecked = $(this).is(":checked");
			//Jika Terpilih
			if(ischecked){
				//Enable Input Field Ledger
				$('#ledger_id').removeAttr('disabled');

                // enable btn deal pos
                $('#btn_deal_pos').removeAttr('disabled').attr('class', 'btn col-md-12 bg-primary');

				//Metode Complimentary Di hidden dan field didisable
				$('#field_complimentary').hide();
				$('#complimentary_checkbox').attr('disabled', 'disabled');
				$('#complimentary_checkbox').removeAttr('checked');
				$('#complimentary').attr('disabled', 'disabled');

				//Metode Transfer Kamar dihidden dan field didisable
				$('#field_kamar').hide();
				$('#in_house').attr('disabled', 'disabled');
				$('#in_house').removeAttr('checked');
				$('#kamar_id').attr('disabled', 'disabled');

				//Metode Kartu Debit Dihidden dan field didisable
				$('#field_kartu_debit').hide();
				$('#card_number').attr('disabled', 'disabled');
				$('#card_number').removeAttr('checked');
				$('#bank').attr('disabled', 'disabled');

				//Metode Transfer Nonstay Folio Dihidden dan field didisable
				$('#field_transfer_bill').hide();
				$('#transfer_nonstay_folio').attr('disabled', 'disabled');
				$('#transfer_nonstay_folio').removeAttr('checked');
				$('#folio_dummy_id').attr('disabled', 'disabled');

                //Metode Roomservice dihidden dan field didisable
				$('#field_room_service').hide();
				$('#room_service_checkbox').attr('disabled', 'disabled');
				$('#room_service_checkbox').removeAttr('checked');
				$('#room_service').attr('disabled', 'disabled');

			}
			//Jika Metode Transfer Nonstay Folio Tidak Terpilih
			else{
				//Disabled Input Field Ledger
				$('#ledger_id').attr('disabled', 'disabled');

                // jalankan function checkpayment
                checkPayment();

				//Metode Complimentary Di show field dienable
				$('#field_complimentary').show();
				$('#complimentary_checkbox').removeAttr('disabled');

				//Metode Transfer Kamar dishow dan field dienable
				$('#field_kamar').show();
				$('#in_house').removeAttr('disabled');

				//Metode Kartu Debit Dishow dan field dienable
				$('#field_kartu_debit').show();
				$('#card_number').removeAttr('disabled');

                //Metode Transfer Nonstay dishow dan field dienable
				$('#field_transfer_bill').show();
				$('#transfer_nonstay_folio').removeAttr('disabled');

                //Metode Roomservice Dishow dan field dienable
				$('#field_room_service').show();
				$('#room_service_checkbox').removeAttr('disabled');
			}

		});

        //Jika Memilih Pembayaran Dengan Roomservice
        $('#room_service_checkbox').on('click', function(){
            // Cek apakah metode pembayaran dengan room service terpilih
            let ischecked = $(this).is(":checked");

            // Jika terpilih
            if(ischecked){
                //Metode Complimentary Di hidden dan field didisable
				$('#field_complimentary').hide();
				$('#complimentary_checkbox').attr('disabled', 'disabled');
				$('#complimentary_checkbox').removeAttr('checked');
				$('#complimentary').attr('disabled', 'disabled');

				//Metode Transfer Kamar dihidden dan field didisable
				$('#field_kamar').hide();
				$('#in_house').attr('disabled', 'disabled');
				$('#in_house').removeAttr('checked');
				$('#kamar_id').attr('disabled', 'disabled');

				//Metode Kartu Debit Dihidden dan field didisable
				$('#field_kartu_debit').hide();
				$('#card_number').attr('disabled', 'disabled');
				$('#card_number').removeAttr('checked');
				$('#bank').attr('disabled', 'disabled');

				//Enable Print & Bayar
				$('#btn_deal_pos').removeAttr('disabled');

                //Hide field tranfer bill dan disabled
				$('#transfer_nonstay_folio').removeAttr('checked');
				$('#folio_dummy_id').attr('disabled', 'disabled');
				$('#field_transfer_bill').hide();

				//Metode Ledger di hidden dan field didisable
				$('#field_ledger').hide();
				$('#ledger_checkbox').attr('disabled', 'disabled');
				$('#ledger_checkbox').removeAttr('checked');
				$('#ledger_id').attr('disabled', 'disabled');

                //Enable pilihan nomor kamar room service
                $('#room_service').attr('disabled', false)
            }
            else{
                //Metode Complimentary Di show field dienable
				$('#field_complimentary').show();
				$('#complimentary_checkbox').removeAttr('disabled');

				//Metode Transfer Kamar dishow dan field dienable
				$('#field_kamar').show();
				$('#in_house').removeAttr('disabled');

				//Metode Kartu Debit Dishow dan field dienable
				$('#field_kartu_debit').show();
				$('#card_number').removeAttr('disabled');

                //Hide field tranfer bill dan disabled
				$('#transfer_nonstay_folio').removeAttr('checked');
				$('#field_transfer_bill').show();


				//Metode Ledger Dishow dan field dienable
	            $('#field_ledger').show();
	            $('#ledger_checkbox').removeAttr('disabled');

				//Hide tombol shortcut nominal mata uang
				$('#con_button_nominal').show();

				//Hide Layar nominal pembayaran
				$('#nominal_pembayaran').show()

				//Hide Tombol Print Preview Discound dan Split Bill
				$('#btn-print-discount').show();

				//Hide Numpad
				$('#container_modal_cash').show();

				// Disable Folio Dummy ID
				$('#folio_dummy_id').attr('disabled', 'disabled');

				//Disabled print dan bayar
				$('#btn_deal_pos').attr('disabled', 'disabled');

                //disable pilihan nomor kamar room service
                $('#room_service').attr('disabled', true)
            }
        });

        $('#tambahOrder').on('click', function(){
            event.preventDefault();

            $('#modal_tambah_menu').modal('show');
            let cartresto_id = $('#hidden_cart_id').val();

            let id = $('#hidden_shop_id').val();

            $.ajax({
            type: 'GET',
            url: "{{ url('/gettipemenusresto')}}/"+id,
            success: function (data) {

                    $('#menu_list_id').empty();
                    $("#tipe_menu_id_modal").empty();

                    html = '<option value="">-- Select Menu Type --</option>';

                    html += `<option value="misc"> Miscellaneous </option>`;

                    if(data.length > 0){
                        $.each(data, function(index, value){
                            html += `<option value="${value.id}">${value.nama_tipe}</option>`;
                        });
                    }
                    else{
                        html += '<option value="">-- No Data Available --</option>';
                    }

                    $("#tipe_menu_id_modal").append(html);

                }

            });

        })

        $( "#bayar_id" ).click(function( event ) {
                event.preventDefault();

                // nonresto or resto, nonresto 1; resto 2
                if (shop_condition == 1) {
                    let qty_inputs = $('.qty_item');
                    let check      = 0;
                    $.each(qty_inputs, function(key, val){
                        if ($(val).val() < 0) {
                            check += 1;
                        }
                    });

                    let coa_custom      = $('.coa_id_custom_select2');
                    let check_custom    = 0;
                    let totalcoa_custom    = 0;
                    $.each(coa_custom, function(key, val){
                        if ($(val).val()) {
                            check_custom += 1;
                        }
                        totalcoa_custom++;
                    });

                    if (check != 0) {
                        // jika value < 1 call modal
                        if ( $('#status_cart_nonresto').val() != 'kosong' ) {
                            $('#modal_theme_danger').modal('show')
                        }else{
                            $('#status_cart_nonresto_error').html('Please select status first!').show()
                        }
                        return false;
                    }else{
                        // if (check_custom == totalcoa_custom) {
                            $('#modal_pembayaran').modal('show');
                        // }else{
                        //     new PNotify({
                        //         title: 'Alert',
                        //         text: 'Please select COA custom first!',
                        //         icon: 'icon-blocked',
                        //         type: 'error'
                        //     });
                        // }
                    }
                }else{
                    $('#modal_pembayaran').modal('show');
                }


                checkPayment();

        });

        $('.modal').on('shown.bs.modal', function() {
            $(this).find('[autofocus]').focus();
        });

        $('#btn_print_preview').on('click', function(){
            // e.preventDefault(); // avoid to execute the actual submit of the form.
            if (shop_condition == 1) {
                alert('function not found!');
            } else if(shop_condition == 2){
                var cart_id = $('#hidden_cart_id').val();
                var shop_id = $('#hidden_shop_id').val();
                var comp_id = $('#complimentary').val();
                window.open("{{url('printpreview')}}/?cart="+cart_id+"&shop="+shop_id+"&tipe="+discount_type+"&disc="+discount+"&comp="+comp_id, "_blank");
            }
        });

        // $('#btn_print_preview_kitchen').on('click', function(){
        //     // e.preventDefault(); // avoid to execute the actual submit of the form.
        //     if (shop_condition == 1) {
        //         alert('function not found!');
        //     } else if(shop_condition == 2){
        //         var cart_id = $('#hidden_cart_id').val();
        //         var shop_id = $('#hidden_shop_id').val();
        //         var comp_id = $('#complimentary').val();
        //         window.open("{{url('printpreview')}}/?cart="+cart_id+"&shop="+shop_id+"&tipe="+discount_type+"&disc="+discount+"&comp="+comp_id+"&kitchen=1", "_blank");
        //     }
        // });

        $( "#check_in_id" ).click(function( event ) {
            event.preventDefault();
            // $('#modal_pembayaran').modal('show');
        });

        $('#total_payment_pos').on('input', function(){
            // console.log('clicked');
            let payment = $('#total_payment_pos').val();
            checkPayment();
        });

        $(window).keydown(function(event){
            if(event.keyCode == 13) {
            event.preventDefault();
            return false;
            }
        });

        $('#btn_deal_pos').click(function(event){
            // e.preventDefault(); // avoid to execute the actual submit of the form.

            let payment = $('#total_payment_pos').val();

            let card_number = $('#card_number_input2').val();

            let platform = $('.platform_pembayaran_id_1').val() == '' ? $('.platform_pembayaran_id_2').val() : $('.platform_pembayaran_id_1').val() ;

            let kamar_id = $('#kamar_id').val();

			let ledger_id = $('#ledger_id').val();

            let remark = $('#remark_id_textarea').val();

            //Kamar
            let ischecked_kamar = $('#in_house').is(":checked");
            let kamar = $('#kamar_id').val();

			//Nonstay Folio
			let ischecked_nonstay = $('#transfer_nonstay_folio').is(":checked");
			let nonstay = $('#folio_dummy_id').val();

            // Room service
            let ischecked_room_service = $('#room_service_checkbox').is(":checked");
            let room_service = $('#room_service').val();

            let status_cart_nonresto    = $('#status_cart_nonresto').val();
            let custom_status_nonresto  = $('#custom_status_nonresto').val();

            $(this).attr('disabled', true);

            let tipe = $('#tipe_transaksi').val();

            // check
            let check_items = $('[name="menu_id[]"]').length;
            let check_customs = $('[name="keterangan_custom[]"]').length;

            console.log(check_items, check_customs)

            let totalchecks = check_items + check_customs;
            console.log(totalchecks)
            if((totalchecks == 0)){
                new PNotify({
                    title: 'Error',
                    text:  'Cart is empty items, please add some item first!',
                    icon: 'icon-blocked',
                    type: 'error'
                });
                $(this).attr('disabled', false);
                return true;
            }

			//JIKA OUTLET BUKAN RESTO
            if (shop_condition == 1) {

                // var form = $('#submitCart').serializeArray();
                var form = $('#submitCart, #form_metode_pembayaran').serializeArray();

                form.push(
					// {name:'total_payment_pos', value:payment},
                    // {name:'card_number', value:card_number},
                    {name:'platform', value:platform},
                    // {name:'kamar_id', value:kamar_id},
                    {name:'discount_type', value:discount_type},
                    {name:'discount', value:discount},
                    {name:'room_service', value:room_service},
                    {name:'remark', value:remark},
                    {name:'status_cart_nonresto', value:status_cart_nonresto},
                    {name:'custom_status_nonresto', value:custom_status_nonresto}
					// {name:'ledger_id', value:ledger_id}
                );

                // Transafer Kamar
                if (tipe == 1) {
                    if (kamar == null) {
                        return false;
                    }else{
                        $.ajax({
                            type: "POST",
                            url: "{{ url('shop-order')}}",
                            data: form, // serializes the form's elements.
                            success: function(res)
                            {
                                window.open("{{url('quick-print-invoice-pos').'/'}}"+res.cart+"/"+res.shop, "_blank");
                                setTimeout(function() {
                                    window.location.href = "{{url('index-pos')}}/?s="+res.shop;
                                }, 1000);
                            }
                        });
                    }
                }
                else if(tipe == 5){
                    if (nonstay == null) {
                        return false;
                    }else{
                        $.ajax({
                            type: "POST",
                            url: "{{ url('pos-to-nonstay')}}",
                            data: form, // serializes the form's elements.
                            success: function(res)
                            {
                                // console.log(res);
                                window.location.href = "{{url('index-pos')}}/?s="+res.shop;
                            }
                        });
                    }
                }
                else{
                    console.log(form)
                    // return false
                        $.ajax({
                            type: "POST",
                            url: "{{ url('submit-form-pos-shop')}}",
                            data: form, // serializes the form's elements.
                            success: function(res)
                            {

                                window.open("{{url('quick-print-invoice-pos').'/'}}"+res.cartresto+"/"+res.shop, "_blank");
                                setTimeout(function() {
                                    window.location.href = "{{url('index-pos')}}/?s="+res.shop;
                                }, 1000);
								// return false;
                            }
                        });
                }


            }
			// JIKA OUTLET RESTO
			else if(shop_condition == 2){
                // var form = $('#submitCart').serializeArray();
                var form = $('#submitCart, #form_metode_pembayaran').serializeArray();

                form.push(
					// {name:'total_payment_pos', value:payment},
                    // {name:'card_number', value:card_number},
                    {name:'platform', value:platform},
                    // {name:'kamar_id', value:kamar_id},
                    {name:'discount_type', value:discount_type},
                    {name:'discount', value:discount},
                    {name:'room_service', value:room_service},
                    {name:'remark', value:remark},
					// {name:'ledger_id', value:ledger_id}
				);

                // Transfer Kamar
                if (tipe == 1) {
                    if (kamar == null) {
                        return false;
                    }else{
                        $.ajax({
                            type: "POST",
                            url: "{{ url('resto-to-guestbill')}}",
                            data: form, // serializes the form's elements.
                            success: function(res)
                            {
                                window.open("{{url('printrestoshop').'/'}}"+res.cart+"/"+res.shop, "_blank");
                                setTimeout(function() {
                                    window.location.href = "{{url('index-pos')}}/?s="+res.shop;
                                }, 1000);

                            }
                        });
                    }
                }
                else if(tipe == 5){
                    if (nonstay == null) {
                        return false;
                    }else{
                        $.ajax({
                            type: "POST",
                            url: "{{ url('resto-to-nonstay')}}",
                            data: form, // serializes the form's elements.
                            success: function(res)
                            {
                                // console.log(res);
                                window.location.href = "{{url('index-pos')}}/?s="+res.shop;
                            }
                        });
                    }
                }
                else{
                    $.ajax({
                        type: "POST",
                        url: "{{ url('quick-print-resto')}}",
                        data: form, // serializes the form's elements.
                        success: function(res)
                        {
                            if(res.cart){
                                window.open("{{url('printrestoshop').'/'}}"+res.cart+"/"+res.shop, "_blank");
                                setTimeout(function() {
                                    window.location.href = "{{url('index-pos')}}/?s="+res.shop;
                                }, 1000);
                                // return false;
                            }else if(res.overflow_payment){
                                new PNotify({
                                    title: 'Error',
                                    text:  "Payment can't be more higher than Grand Total",
                                    icon: 'icon-blocked',
                                    type: 'error'
                                });
                            }else{
                                new PNotify({
                                    title: 'Error',
                                    text:  'Cart already closed, please refresh page',
                                    icon: 'icon-blocked',
                                    type: 'error'
                                });
                            }
                        }
                    });
                }

            }

        });


        fetch_product();

        addtocartviaenter();

        function fetch_product(query = ''){

            let id_shop = $("#shop_id").val();

            $.ajax({
                url : "{{ url('/search-product-pos/') }}",
                method : 'GET',
                data: {
                    query:query,
                    id_shop:id_shop,
                },
                dataType: 'json',
                success:function(data){
                    $('#menu_list_id').empty();
                    if(data.length == 0 ){
                        let list = `<div class="col-md-12">
                                        <div class="alert alert-danger text-center mb-2" role="alert">
                                            Menu Not Found.
                                        </div>
                                    </div>`;

                        if (shop_condition == 1) {
                            $('#table_list_id').html(list);
                        }else if (shop_condition == 2){
                            $('#menu_list_id').html(list);
                        }

                    }else{
                        var assets = "{{ URL::asset('global_assets/images/placeholders/placeholder.jpg') }}";
                        if (shop_condition == 1) {
                            $('#table_list_id').empty();
                            $.each(data, function(index, value) {
                                    var stock_html = null;
                                    var color_card_stock = null;
                                    if(value.stock_active == 1){
                                        var this_count_stock = 1;
                                        $.each(value.stocks, function (si, sv) {
                                            if (sv.stock < 1) {
                                                this_count_stock = 0
                                            }
                                        });
                                        if(this_count_stock > 0){
                                            stock_html = `<h5 class="card-title text-danger pl-2"><small>Stock: Available</small></h5>`;
                                        }else{
                                            color_card_stock = 'border-danger';
                                            stock_html = `<h5 class="card-title text-danger pl-2"><small>Stock: Out of stock </small></h5>`;
                                        }
                                    }
                                    let list_menus =
                                    `
                                    <div class="card m-2 ${color_card_stock}" style="width: 150px; cursor:pointer;" onclick="insertToCartNonResto(${value.id}, '${escape(value.nama)}', ${value.harga}, ${value.tipe_menu_id}, ${value.cost_complimentary})">
                                        <img src="${value.gambar ? '/'+value.gambar : assets}"
                                            class="mr-2 card-img-top img-thumbnail" style="height:10rem; object-fit:cover;">
                                            <h5 class="card-title pl-2">${value.nama ? value.nama: ''}</h5>
                                            ${stock_html}
                                            <p class="card-text pl-2 mb-2">${value.harga ? 'Rp.'+formatRibuanComma(value.harga) :'Rp. 0'}</p>
                                    </div>
                                    `;
                                    $('#table_list_id').append(list_menus);
                            });
                        }else if(shop_condition == 2){
                            $.each(data, function(index, value) {
                                    var stock_html = "";
                                    var color_card_stock = "";
                                    if(value.stock_active == 1){
                                        var this_count_stock = 1;
                                        $.each(value.stocks, function (si, sv) {
                                            if (sv.stock < 1) {
                                                this_count_stock = 0
                                            }
                                        });
                                        if(this_count_stock > 0){
                                            stock_html = `<h5 class="card-title text-danger pl-2"><small>Stock: Available</small></h5>`;
                                        }else{
                                            color_card_stock = 'border-danger';
                                            stock_html = `<h5 class="card-title text-danger pl-2"><small>Stock: Out of stock </small></h5>`;
                                        }
                                    }
                                    let list_menus =
                                    `
                                    <div class="card m-2 ${color_card_stock}" style="width: 150px; cursor:pointer;" onclick="insertToCart(${value.id}, '${escape(value.nama)}', ${value.harga}, ${value.tipe_menu_id})">
                                        <img src="${value.gambar ? '/'+value.gambar : assets}"
                                            class="mr-2 card-img-top img-thumbnail" style="height:10rem; object-fit:cover;">
                                            <h5 class="card-title pl-2">${value.nama ? value.nama: ''}</h5>
                                            ${stock_html}
                                            <p class="card-text pl-2 mb-2">${value.harga ? 'Rp.'+formatRibuanComma(value.harga) :'Rp. 0'}</p>
                                    </div>
                                    `;
                                    $('#menu_list_id').append(list_menus);
                            });
                        }
                    }
                }

            })
        }

        function addtocartviaenter(query = ''){
            var id_shop = $('#shop_id').val();
            $.ajax({
                url : "{{ url('/search-product-pos/') }}",
                method : 'GET',
                data: {
                    query:query,
                    id_shop:id_shop,
                    },
                dataType: 'json',
                success:function(data){
                    if(data.length != 0 ){
                        if (shop_condition == 1) {
                            insertToCartNonResto(data[0].id, escape(data[0].nama), data[0].harga, data[0].tipe_menu_id, data[0].cost_complimentary);
                        }else if (shop_condition == 2) {
                            insertToCart(data[0].id, escape(data[0].nama), data[0].harga, data[0].tipe_menu_id);
                        }
                    }
                }

            })
        }

        //Get Search
            $(document).on('keyup', '#search', function(){
                var query = $(this).val();
                fetch_product(query);
            });

            $(document).on('keyup', '#search_modal', function(){
                var query = $(this).val();
                fetch_product(query);
            });

            var input1 = document.getElementById("search");
            var input2 = document.getElementById("search_modal");

            input1.addEventListener("keyup", function(event) {
                if (event.keyCode === 13) {
                    event.preventDefault();
                    addtocartviaenter(input1.value);
                    input1.value = null;
                }
            });


            input2.addEventListener("keyup", function(event) {
                if (event.keyCode === 13) {
                    event.preventDefault();
                    addtocartviaenter(input2.value);
                    input2.value = null;
                }
            });
        //Closing Search
	});

    // Below JS for POS Cashiers
    // JS Order Flag
    let new_idx = 1;
    let new_qty = 1;

    let sub_total = 0;
    let ppn_charge = 0;
    let service_charge = 0;
    let grand_total = 0;

    let ppn=0;
    let services=0;
    let discount_type=0;
    let discount=0;

    let row_number = 1;
    let complimentary = 0;
    const array_id = ["1"];
    var isLoading = false;
    let kondisiCarts = 0;

    // kondisi shop nonresto or resto 1 = non resto || 2 = resto (punya meja)
    let shop_condition = 0;

    let kosong =    `
                    <div class="col-md-12">
                        <div class="alert alert-danger text-center mb-2" role="alert">
                            please select table first.
                        </div>
                    </div>
    `;


    function inputClick(input, type){
        activeInput = input;
        activeInputType = type;
    }

    function saveprint(){
        e.preventDefault(); // avoid to execute the actual submit of the form.

        var form = $('#submitForm');

        $.ajax({
            type: "POST",
            url: "{{ url('budgetsaveprint')}}",
            data: form.serialize(), // serializes the form's elements.
            success: function(res)
            {
                window.open("{{url('printrestoshop').'/'}}"+res, "_blank");
                setTimeout(function() {
                    window.location.href = "{{url('budgets')}}";
                }, 1000);
            }
        });
    }

    //all in one additional price
    function priceHtmlOperator(sub_total, ppn_charge, service_charge, grand_total){

        //showing value
        // $('#bayar_id').html('Total - Rp. '+grand_total.toLocaleString('ID'));
        // $('.html_sub_total').html('Rp.'+sub_total.toLocaleString('ID'));
        // $('.html_service_charge').html('Rp.'+service_charge.toLocaleString('ID'));
        // $('.html_ppn_charge').html('Rp.'+ppn_charge.toLocaleString('ID'));
        // $('.html_grand_total').html('Rp.'+grand_total.toLocaleString('ID'));
        $('#bayar_id').html('Total - Rp. '+formatRibuanComma(grand_total));
        $('.html_sub_total').html('Rp.'+formatRibuanComma(sub_total));
        $('.html_service_charge').html('Rp.'+formatRibuanComma(service_charge));
        $('.html_ppn_charge').html('Rp.'+formatRibuanComma(ppn_charge));
        $('.html_grand_total').html('Rp.'+formatRibuanComma(grand_total));

        //hidden input
        $('#grand_total_pos').val(grand_total);
        $('#sub_total_pos').val(sub_total);
        $('#ppn_charge_pos').val(ppn_charge);
        $('#services_charge_pos').val(service_charge);

		//Menampung Nilai Grand Total Belanjaan Untuk Menghitung Sisa Pembayaran
		$('#grand_total_pos_holder').val(grand_total);

        // console.log(
        //     'sub total = '+ sub_total,
        //     'ppn_charge = '+ ppn_charge,
        //     'service = '+ service_charge,
        //     'grand_total = '+ grand_total,
        // );


    }

    // function get detail shop
    function getDetailShop(id){
        $.ajax({
            type: 'GET',
                url: "{{ url('/get-detail-shopresto')}}/"+id,
                success: function (data) {
                    ppn = data.ppn;
                    services = data.services;
                }
        })
    }

    //function select shop to get table
    function selectShop(id){
        getDetailShop(id);
        let index = 1;
        $('#hidden_shop_id').val(id);
        $('.hidden_shop_id').val(id);
        $('#hidden_shop_id_draft').val(id);
        $.ajax({
                type: 'GET',
                url: "{{ url('/table-or-tipemenu/')}}/"+id,
                success: function (data) {

					// console.log(data);

                    // check roles -- revisian baru jadi tidak berguna
                    if (data.checkroles || !data.checkroles) {
                        // console.log('admin')

                        // check jika role admin ini ada shift aktif di shop yang terpilih
                        if (data.shifts != 'tidak_ada') {

                            let close_shift = `
                                            <div class="form-inline">
                                                <a id="admin_href_button" data-target="#modal_confirm_shift" onclick="closeShift(${data.shifts.id})" data-toggle="modal" >
                                                    <button class=" btn btn-danger"> Close Shift </button>
                                                </a>
                                                <h3 class="font-weight-bold ml-2 pt-2"> Shift ${data.shifts.shift} </h3>
                                            </div>
                                            `;

                            $('#shift_container').show();
                            $('#shift_container').html(close_shift);
                            $('#all_content').show();
                            // $('#cart_list').show();

                            $('#hidden_shift_id').val(data.shifts.id);

                            $('#table_list_id').empty();
                            $('#searchcontainer').hide();

                            // check tipe shop resto or non resto
                            if (data.tipe) {
                                $('#status_nonresto_container_row').hide()
                                // console.log('non resto')
                                $('#btn_modal_simpan_pembayaran').hide();
                                $('#content_transfer_shift_all').hide();
                                $('#review_carts').empty();
                                shop_condition = 1;

                                $('#fieldset_cart').empty();

                                $('#tipeMenu_content').show();
                                $('#searchcontainer').show();
                                $('#btn_print_preview').hide();
                                $('#btn_print_preview_kitchen').hide();

                                // reset nama pelanggan dengan value 0
                                $('#pelanggan').val('')

                                // reset sub_total, ppn_charge, service_charge, dan grand_total
                                sub_total = 0
                                ppn_charge = 0
                                service_charge = 0
                                grand_total = 0
                                priceHtmlOperator(0,0,0,0)

                                // reset tombol tambah/edit untuk tambah order shop
                                $('#tambahOrder').hide()

                                // reset label meja
                                $('.label_no_meja').text('')

                                let option = '';
                                $.each(data.tipe, function(index,value){
                                    option += `<option value="${value.id}">${value.nama_tipe}</option>`;
                                })

                                let tipe =  `
                                                <option value="">-- Select Menu Type --</option>
                                                ${option}
                                            `;

                                    tipe += `<option value="misc"> Miscellaneous </option>`;

                                $('.label_daftar').html('Menu');
                                $('.tipe_menu_display').html(tipe);
                                $('#bayar_id').show();

                                //Load Data Nonstay for Non Resto/non table/meja
                                let nonstay_options = '<option value="">** Pilih Nonstay Folio **</option>';
                                let nonstay_folios = data.nonstay_folios;
                                // console.log(data.nonstay_folios);
                                if(nonstay_folios.length > 0){
                                    nonstay_folios.forEach(function(data){

                                        let total_deposit = data.total_deposit ? parseInt(data.total_deposit.jumlah) : 0;
                                        let total_transaction_shop = data.total_pembayaran_p_o_s ? parseInt(data.total_pembayaran_p_o_s.jumlah) : 0;
                                        let balance_deposit = total_deposit - total_transaction_shop;

										// nonstay_options += `<option value="${data.id}">
										// 						Rp. ${balance_deposit.toLocaleString('ID')}
										// 						-
										// 						${data.guest_profile.name} (${data.no_bill})
										// 					</option>`;
										nonstay_options += `<option value="${data.id}">
																Rp. ${formatRibuanComma(balance_deposit)}
																-
																${data.guest_profile.name} (${data.no_bill})
															</option>`;

                                    });
                                }
                                $('#folio_dummy_id').html(nonstay_options);

                                //Load Data Ledgers
                                // let ledger_options = '<option value="">** Pilih Ledger **</option>';
                                // let ledgers = data.ledgers;
                                // if(ledgers.length > 0){
                                //     ledgers.forEach(function(data){
                                //         ledger_options += `<option value="${data.id}">${data.comp_title} ${data.name}</option>`;
                                //     });
                                // }
                                // $('#ledger_id').html(ledger_options);

                            }else if (data.table){
                                // console.log('resto')

                                if (shop_condition == 1) {
                                    $('#bayar_id').hide();

                                    // reset filedset cart resto dengan alert "silahkan pilih shop/meja"
                                    let resetFieldSetCart = `<div class="col-md-12">
                                                                <div class="alert alert-danger text-center mb-2" role="alert">
                                                                    Please select table first.
                                                                </div>
                                                            </div>`

                                    $('#fieldset_cart').html(resetFieldSetCart);

                                    // reset nama pelanggan dengan value string kosong
                                    $('#pelanggan').val('')

                                    // reset sub_total, ppn_charge, service_charge, dan grand_total
                                    sub_total = 0
                                    ppn_charge = 0
                                    service_charge = 0
                                    grand_total = 0
                                    priceHtmlOperator(0,0,0,0)

                                    // reset tombol tambah/edit untuk tambah order shop
                                    $('#tambahOrder').hide()

                                    // reset label meja
                                    $('.label_no_meja').text('')
                                }

                                $('#status_nonresto_container_row').hide()

                                $('#btn_modal_simpan_pembayaran').show();
                                shop_condition = 2;
                                $('#tipeMenu_content').hide();
                                $('#searchcontainer_modal').show();
                                $('#btn_print_preview').show();
                                $('#btn_print_preview_kitchen').show();
                                $('.label_daftar').html('Table');

                                if (data.table.length >= 1) {

                                    // memunculkan tombol transfer shift all meja
                                    let btn_transfer_all = `<div class="col-md-4">
                                                                <button class="btn btn-primary"
                                                                    title="Transfer Table to Next Shift"
                                                                    data-target="#modal_transfer_shift"
                                                                    data-toggle="modal"
                                                                    onclick='transferShiftAll(${data.shifts.id}, ${id}, ${data.shifts.shift})'
                                                                >Transfer Table to Next Shift</button>
                                                            </div>`;

                                    $('#content_transfer_shift_all').show().html(btn_transfer_all);

                                    $.each(data.table, function(index, value){
                                        let list_tables = "";
                                        let total_tagihan_meja = 0;

                                           // open or close
                                        let close_meja      = 'test';
                                        let open_meja       = '';

                                        // condition untuk tombol close dan open meja
                                        if (value.status_meja == 1) {
                                            // jika tidak ada pemesan dengan shift berbeda maka bisa tutup atau buka
                                            close_meja =`<a class="text-light btn-tootltip link-status"
                                                                title="Close Table"
                                                                data-target="#modal_status_meja"
                                                                data-toggle="modal"
                                                                onclick="changeStatusMeja(${value.id}, 'close_table')"
                                                                style="cursor:pointer;"
                                                                >
                                                                    <small><i class="fas fa-door-closed"></i></small>
                                                                </a>`;
                                        }else if(value.status_meja == 2){
                                            open_meja =`<a class="text-light btn-tooltip link-status"
                                                                title="Open Table"
                                                                data-target="#modal_status_meja"
                                                                data-toggle="modal"
                                                                onclick="changeStatusMeja(${value.id}, 'open_table')"
                                                                style="cursor:pointer;"
                                                                >
                                                                    <small><i class="fas fa-door-open"></i></small>
                                                                </a>`;
                                        }

                                        if (value.status_meja == 1) {
                                            // Check meja sesuai dengan shift ini
                                            if (value.shift?.shift == data.shifts.shift || !value.shift) {

                                                // script for time
                                                var now = moment().format('YYYY-MM-DD HH:mm:ss');
                                                if (value.waktu_order != null) {
                                                    waktu_satu_jam_kedepan = moment(value.waktu_order, 'YYYY-MM-DD HH:mm:ss').add(60, 'minutes').format('YYYY-MM-DD HH:mm:ss');
                                                    // console.log(now >= waktu_satu_jam_kedepan);
                                                }

                                                // code for pindah meja button
                                                let addon = '';

                                                if (value.active_cart.nama_pelanggan) {
                                                    addon = `<a  class="text-light btn-tooltip link-status"
                                                                        title="Change Table"
                                                                        data-target="#pindah_meja_modal"
                                                                        data-toggle="modal"
                                                                        onclick="pindahMeja(${value.active_cart.id}, ${value.id}, ${value.shop_id})"
                                                                    ><small><i class="fas fa-running"></i></small>
                                                                </a>`;
                                                }

                                                // code for transferr shift button
                                                let transfer_shift = '';

                                                // mendefinisikan cancel order dengan string kosong
                                                let cancel_order = ''

                                                if (value.shift){
                                                    transfer_shift = `  <a  class="text-light btn-tooltip link-status"
                                                                                title="Transfer Shift"
                                                                                data-target="#modal_transfer_shift"
                                                                                data-toggle="modal"
                                                                                onclick="transferShift(${value.shift.id}, ${value.id}, ${value.active_cart.id}, ${value.shop_id}, ${value.shift.shift})"
                                                                            ><small><i class="fas fa-user-clock"></i></small>
                                                                        </a>`;

                                                    if (value.active_cart.menu.length == 0) {
                                                        cancel_order = `  <a  class="text-light btn-tooltip link-status"
                                                                                    title="Cancel Order"
                                                                                    data-target="#modal_confirm_cancel_order"
                                                                                    data-toggle="modal"
                                                                                    onclick="cancelOrder(${value.id}, ${value.active_cart.id}, ${value.shop_id})"
                                                                                ><small><i class="fas fa-user-times"></i></small>
                                                                            </a>`;
                                                    }
                                                }

                                                // Hitung Total Tagihan Meja --  Terbaru
                                                $.each(value.active_cart.menu, function(index, value){
                                                    total_tagihan_meja  += value.grand_total - value.diskon;
                                                });

                                                    // total_tagihan_meja add ppn and service
                                                    // service_charge      = total_tagihan_meja * services / 100
                                                    // ppn_charge          = (total_tagihan_meja + service_charge) * ppn /100;
                                                    // total_tagihan_meja  = total_tagihan_meja + service_charge + ppn_charge;

                                                list_tables =
                                                `
                                                    <div id="meja_${value.id}" onclick="selectTableGetCart(${value.id}, ${value.cartresto_id}, ${value.shop_id})" class="col-md-3" style="cursor:pointer;" >
                                                        <div id="theme_meja_${value.id}" class="card ${value?.active_cart?.nama_pelanggan == null && value.waktu_order == null ? 'bg-success' : value.waktu_order != null ? ( now >= waktu_satu_jam_kedepan ? 'bg-danger' : 'bg-warning' ) : 'bg-warning' }" style="min-height: 10em;">
                                                            <div class="card-header px-1 py-1">
                                                                ${value?.active_cart?.nama_pelanggan ? addon : '<span>&nbsp;</span>'}
                                                                ${value.shift ? transfer_shift : ''}
                                                                ${value.shift ? '' : value.status_meja == 1 ? close_meja : open_meja}
                                                                <span>
                                                                    ${value.shift ? cancel_order : ''}
                                                                </span>
                                                            </div>
                                                            <div class="card-body text-center">
                                                                <span></span>
                                                                <br>
                                                                <span style="font-size:120%; color:#ffffff; font-weight:bold;" >
                                                                    Table-${value.nomor_meja}
                                                                    <br>
                                                                </span>
                                                                <span id="pelanggan_meja_${value.id}" style="font-size:120%;">
                                                                    <span id="nama_pelanggan_meja_${value.id}" >${value?.active_cart?.nama_pelanggan ? value?.active_cart?.nama_pelanggan : '(Empty)' }</span>
                                                                    <br><span>${value.active_cart.menu.length != 0 ? 'Rp. '+formatRibuanComma(total_tagihan_meja) : ''}</span>
                                                                </span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                `
                                            }else{
                                                var back_shift = `  <a  class="text-light btn-tooltip link-status"
                                                                                title="Transfer Shift"
                                                                                data-target="#modal_back_tf_shift"
                                                                                data-toggle="modal"
                                                                                onclick="backShift(${data.shifts.id}, ${value.id}, ${value.active_cart.id}, ${value.shop_id}, ${data.shifts.shift})"
                                                                            ><small><i class="fas fa-user-clock"></i></small>
                                                                        </a>`;
                                                list_tables =
                                                `
                                                <div id="meja_${value.id}" class="col-md-3" style="cursor:pointer;">
                                                    <div class="card bg-secondary" style="min-height: 10em;">
                                                        <div class="card-header px-1 py-1">
                                                            <span>
                                                                ${value.shift ? back_shift : ''}
                                                            </span>
                                                        </div>
                                                        <div class="card-body text-center">
                                                            <span></span>
                                                            <br>
                                                            <span style="font-size:120%; color:#ffffff; font-weight:bold;" >
                                                                Table-${value.nomor_meja}
                                                                <br>
                                                            </span>
                                                            <span style="font-size:120%;">
                                                                (Tutup)
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                                `
                                            }
                                        }else if (value.status_meja == 2) {
                                            var back_shift = `  <a  class="text-light btn-tooltip link-status"
                                                                                title="Transfer Shift"
                                                                                data-target="#modal_back_tf_shift"
                                                                                data-toggle="modal"
                                                                                onclick="backShift(${data.shifts.id}, ${value.id}, ${value.active_cart.id}, ${value.shop_id}, ${data.shifts.shift})"
                                                                            ><small><i class="fas fa-user-clock"></i></small>
                                                                        </a>`;
                                            list_tables =
                                            `
                                                <div class="col-md-3">
                                                    <div class="card bg-secondary" style="min-height: 10em;">
                                                        <div class="card-header px-1 py-1">
                                                            ${value.shift ? back_shift : ''}
                                                            <span>&nbsp;<span>
                                                        </div>
                                                        <div class="card-body text-center">
                                                            <span></span>
                                                            <br>
                                                            <span style="font-size:120%; color:#ffffff; font-weight:bold;" >
                                                                Table-${value.nomor_meja}
                                                                <br>
                                                            </span>
                                                            <span style="font-size:120%;">
                                                                (Tutup)
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            `
                                        }

                                        $('#table_list_id').append(list_tables)
                                    })

                                }else{
                                    let html = `
                                        <div class="col-md-12">
                                            <div class="alert alert-danger text-center mb-2" role="alert">
                                                Doesn't have table
                                            </div>
                                        </div>
                                    `;
                                    $('#table_list_id').html(html)
                                }
                            }

                        }else{
                            let open_shift = `
                                            <form action="{{ url('open-shift-pos') }}" method="post" class="container form-inline" style="margin: 0">
                                                @csrf

                                                <label class="col-form-label pt-3 mr-2"><h2>Please Open Shift:</h2></label>
                                                <input type="hidden" name="shop_id" value="${data.shop}">
                                                <button type="submit col-md-12" class="btn btn-success">Open Shift</button>
                                            </form>`;

                            $('#shift_container').show();
                            $('#shift_container').html(open_shift);
                            $('#all_content').hide();
                            // $('#cart_list').hide();

                        }

                    }
                    // else{
                        //     // console.log('bukan admin')

                        //     $('#table_list_id').empty();
                        //     $('#searchcontainer').hide();

                        //     // check shop resto or non resto
                        //     if (data.tipe) {
                        //         console.log('non resto')
                        //         $('#review_carts').empty();
                        //         shop_condition = 1;

                        //         $('#fieldset_cart').empty();

                        //         $('#tipeMenu_content').show();
                        //         $('#searchcontainer').show();
                        //         $('#btn_print_preview').hide();

                        //         let option = '';
                        //         $.each(data.tipe, function(index,value){
                        //             option += `<option value="${value.id}">${value.nama_tipe}</option>`;
                        //         })

                        //         let tipe =  `
                        //                         <option value="">--Pilih Tipe Menu--</option>
                        //                         ${option}
                        //                     `;

                        //         $('.label_daftar').html('Menu');
                        //         $('.tipe_menu_display').html(tipe);
                        //         $('#bayar_id').show();

                        //         //Load Data Nonstay for Non Resto/non table/meja
                        //         let nonstay_options = '<option value="">** Pilih Nonstay Folio **</option>';
                        //         let nonstay_folios = data.nonstay_folios;
                        //         // console.log(data.nonstay_folios);
                        //         if(nonstay_folios.length > 0){
                        //             nonstay_folios.forEach(function(data){

                        //                 let total_deposit = data.total_deposit ? parseInt(data.total_deposit.jumlah) : 0;
                        //                 let total_transaction_shop = data.total_shop_transaction ? parseInt(data.total_shop_transaction.jumlah) : 0;
                        //                 let balance_deposit = total_deposit - total_transaction_shop;

                        //                 if(balance_deposit > 0){
                        //                     nonstay_options += `<option value="${data.id}">
                        //                                             Rp. ${balance_deposit.toLocaleString('ID')}
                        //                                             -
                        //                                             ${data.guest_profile.name} (${data.no_bill})
                        //                                         </option>`;
                        //                 }

                        //             });
                        //         }
                        //         $('#folio_dummy_id').html(nonstay_options);

                        //         //Load Data Ledgers
                        //         let ledger_options = '<option value="">** Pilih Ledger **</option>';
                        //         let ledgers = data.ledgers;
                        //         if(ledgers.length > 0){
                        //             ledgers.forEach(function(data){
                        //                 ledger_options += `<option value="${data.id}">${data.comp_title} ${data.name}</option>`;
                        //             });
                        //         }
                        //         $('#ledger_id').html(ledger_options);

                        //     }else if (data.table){
                        //         console.log('resto')
                        //         shop_condition = 2;
                        //         $('#tipeMenu_content').hide();
                        //         $('#searchcontainer_modal').show();
                        //         $('#btn_print_preview').show();
                        //         $('.label_daftar').html('Table');

                        //         if (data.table.length >= 1) {
                        //             $.each(data.table, function(index, value){
                        //                 let list_tables = "";
                        //                 if (value.status_meja == 1) {
                        //                     // check meja sesuai shift ini..
                        //                     if (value.shift?.shift == shift.shift || !value.shift) {
                        //                         // script for time
                        //                         var now = moment().format('YYYY-MM-DD hh:mm:ss');
                        //                         if (value.waktu_order != null) {
                        //                             waktu_satu_jam_kedepan = moment(value.waktu_order, 'YYYY-MM-DD hh:mm:ss').add(60, 'minutes').format('YYYY-MM-DD hh:mm:ss');
                        //                             // console.log(now >= waktu_satu_jam_kedepan);
                        //                         }

                        //                         // code for pindah meja button
                        //                         let addon = '';
                        //                         if (value.active_cart.nama_pelanggan) {
                        //                             addon = `<a  class="text-light btn-tooltip link-status"
                        //                                                 title="pindah meja"
                        //                                                 data-target="#pindah_meja_modal"
                        //                                                 data-toggle="modal"
                        //                                                 onclick="pindahMeja(${value.active_cart.id}, ${value.id}, ${value.shop_id})"
                        //                                             ><small><i class="fas fa-running"></i></small>
                        //                                         </a>`;
                        //                         }

                        //                         // code for transfer shift button
                        //                         let transfer_shift = '';
                        //                         if (value.shift){
                        //                             transfer_shift = `  <a  class="text-light btn-tooltip link-status"
                        //                                                         title="Transfer Shift"
                        //                                                         data-target="#modal_transfer_shift"
                        //                                                         data-toggle="modal"
                        //                                                         onclick="transferShift(${value.shift.id}, ${value.id}, ${value.active_cart.id}, ${value.shop_id}, ${value.shift.shift})"
                        //                                                     ><small><i class="fas fa-user-clock"></i></small>
                        //                                                 </a>`;
                        //                         }

                        //                         list_tables =
                        //                         `
                        //                             <div id="meja_${value.id}" onclick="selectTableGetCart(${value.id}, ${value.cartresto_id}, ${value.shop_id})" class="col-md-3" style="cursor:pointer;" >
                        //                                 <div id="theme_meja_${value.id}" class="card ${value.active_cart.nama_pelanggan == null && value.waktu_order == null ? 'bg-success' : value.waktu_order != null ? ( now >= waktu_satu_jam_kedepan ? 'bg-danger' : 'bg-warning' ) : 'bg-warning' }" style="min-height: 10em;">
                        //                                     <div class="card-header px-1 py-1">
                        //                                         ${value.active_cart.nama_pelanggan ? addon : '<span>&nbsp;</span>'}
                        //                                         ${value.shift ? transfer_shift : ''}
                        //                                     </div>
                        //                                     <div class="card-body text-center">
                        //                                         <span></span>
                        //                                         <br>
                        //                                         <span style="font-size:120%; color:#ffffff; font-weight:bold;" >
                        //                                             Table-${value.nomor_meja}
                        //                                             <br>
                        //                                         </span>
                        //                                         <span id="pelanggan_meja_${value.id}" style="font-size:120%;">
                        //                                             <span id="nama_pelanggan_meja_${value.id}" >${value.active_cart.nama_pelanggan ? value.active_cart.nama_pelanggan : '(Empty)' }</span>
                        //                                             <br><span>${value.active_cart.grand_total_pos ? 'Rp. '+value.active_cart.grand_total_pos.toLocaleString('ID') : ''}</span>
                        //                                         </span>
                        //                                     </div>
                        //                                 </div>
                        //                             </div>
                        //                         `
                        //                     }else{
                        //                         list_tables =
                        //                         `
                        //                             <a onclick="console.log('tutup');" class="col-md-3" style="cursor:pointer;" >
                        //                                 <div class="card bg-secondary" style="min-height: 10em;">
                        //                                     <div class="card-header px-1 py-1">
                        //                                         <span>&nbsp;</span>
                        //                                     </div>
                        //                                     <div class="card-body text-center">
                        //                                         <span></span>
                        //                                         <br>
                        //                                         <span style="font-size:120%; color:#ffffff; font-weight:bold;" >
                        //                                             Table-${value.nomor_meja}
                        //                                             <br>
                        //                                         </span>
                        //                                         <span style="font-size:120%;">
                        //                                             (Tutup)
                        //                                         </span>
                        //                                     </div>
                        //                                 </div>
                        //                             </a>
                        //                         `

                        //                     }
                        //                 }else if (value.status_meja == 2) {
                        //                     list_tables =
                        //                     `
                        //                         <a onclick="console.log('tutup');" class="col-md-3" style="cursor:pointer;" >
                        //                             <div class="card bg-secondary" style="min-height: 10em;">
                        //                                 <div class="card-header px-1 py-1">
                        //                                     <span>&nbsp;</span>
                        //                                 </div>
                        //                                 <div class="card-body text-center">
                        //                                     <span></span>
                        //                                     <br>
                        //                                     <span style="font-size:120%; color:#ffffff; font-weight:bold;" >
                        //                                         Table-${value.nomor_meja}
                        //                                         <br>
                        //                                     </span>
                        //                                     <span style="font-size:120%;">
                        //                                         (Tutup)
                        //                                     </span>
                        //                                 </div>
                        //                             </div>
                        //                         </a>
                        //                     `
                        //                 }
                        //                 $('#table_list_id').append(list_tables)
                        //             })

                        //         }else{
                        //             let html = `
                        //                 <div class="col-md-12">
                        //                     <div class="alert alert-danger text-center mb-2" role="alert">
                        //                         Tidak Punya Meja
                        //                     </div>
                        //                 </div>
                        //             `;
                        //             $('#table_list_id').html(html)
                        //         }
                        //     }

                    // }
                }
        });

        $('.form-control-select2').select2();
    }

    //function select Tabel
    function selectTableGetCart(table_id, cartresto_id, shop_id){

        $('#hidden_table_id').val(table_id);
        $('#hidden_save_table_id').val(table_id);
        $('#hidden_cart_id').val(cartresto_id);
        $('#hidden_cartresto_id').val(cartresto_id);
        $('.hidden_cartresto_id').val(cartresto_id);
        $('#cartresto_id_pembayaran').val(cartresto_id);

        $.ajax({
                type : 'POST',
                data:{
                        _token: '{{csrf_token()}}',
                        table_id : table_id,
                        cartresto_id : cartresto_id,
                },
                url: "{{ url('/get-cart-list-resto')}}",
                success: function (data) {

					// console.log(data);

                    // discount_type=(data.detail.type_discount != 0 ? data.detail.type_discount : 0);
                    // discount=(data.detail.discount != 0 ? data.detail.discount : 0);

                    $('.label_no_meja').html(''+data.meja.nomor_meja);

                    $('#modaltitlemeja').html(''+data.meja.nomor_meja);

                    $('#pelanggan').val(data.detail.nama_pelanggan);

                    $('#status_cart_error').html(null).hide();
                    if (!data.detail.status && data.detail.custom_status) {
                        $('#status_cart_modal').val('');
                        $('#custom_status_text').val(data.detail.custom_status).prop('disabled', false);
                    }else if(data.detail.status){
                        $('#status_cart_modal').val(data.detail.status);
                        $('#custom_status_text').val(data.detail.custom_status).prop('disabled', true);
                    }else{
                        $('#status_cart_modal').val('kosong');
                        $('#custom_status_text').val(data.detail.custom_status).prop('disabled', true);
                    }


                    sub_total = 0;

                    grand_total = 0;

                    priceHtmlOperator(0, 0, 0, 0);

                    $('#fieldset_cart').empty();

                    $('#review_carts').empty();

                    $('#fieldset_cart_modal').empty();

                    $('#status_container_row').hide();

                    kondisiCarts = 0;
                    kondisiCarts += data.carts.length;

                    let no_index = 1;
                    let check_qty_min =0;
                    // Load Data Item Cart
                    console.log(data.carts)
                    if (data.carts.length >= 1) {

                        $.each(data.carts, function(index, value){
                            if (value.jumlah < 0) {
                                check_qty_min += 1;
                            }

                            //sub total
                            grand_total +=  Number(value.grand_total) - Number(value.diskon);
                            // change qty please.....
                            list_carts =
                            `
                                <div id="order_id_${value.menu_id ? value.menu_id : value.keterangan_custom}" data-idx="${value.menu_id}" class="list-group-item list-group-item-action d-flex bd-highlight" >

                                    <input name="menu_id[]" data-idx="${value.menu_id}" type="hidden" value="${value.menu_id}" readonly>
                                    <input name="tipe_menu_id[]" data-idx="${value.menu_id}" type="hidden" value="${value.tipe_menu_id}" readonly>
                                    <input name="total_biaya[]" data-idx="${value.menu_id}" class="form-control" type="hidden" value="${value.total_biaya}" readonly>

                                    <span class="flex-fill col-sm-4">${ value.menu_id ? value.menu.nama : value.keterangan_custom }</span>
                                    <span class="flex-fill col-sm-4" style="text-align:center;">${value.jumlah}</span>
                                    <span class="flex-fill col-sm-4" style="font-size:12px; text-align:right;">Rp. ${value.grand_total ? formatRibuanComma(value.grand_total - value.diskon) :'0'}</span>

                                </div>
                            `;

                            review_carts =
                            `
                                <div class="list-group-item list-group-item-action d-flex bd-highlight border-bottom" >
                                    <span class="flex-fill col-sm-1"><input type="checkbox" name="check[${no_index}]" id="check_${no_index}" value="${value.id}" data-idx="tester" checked></span>
                                        <input type="hidden" name="description[${no_index}]" id="description_${no_index}" value="${value.menu_id ? value.menu.nama : value.keterangan_custom}">
                                        <input type="hidden" name="price[${no_index}]" id="price_${no_index}" value="${value.total_biaya}">
                                        <input type="hidden" name="price_piece[${no_index}]" id="price_piece_${no_index}" value="${value.menu_id ? value.menu.harga : value.grand_total}">
                                        <input type="hidden" name="qty[${no_index}]" id="qty_${no_index}" value="${value.jumlah}">
                                        <input type="hidden" name="diskon[${no_index}]" id="diskon_${no_index}" value="${value.diskon}">
                                        <input type="hidden" name="id_trans[${no_index}]" id="id_trans_${no_index}" value="${value.id}">
                                        <input type="hidden" name="cost_complimentary[${no_index}]" id="cost_complimentary_${no_index}" value="${value?.menu?.cost_complimentary}" data-menu_id="${value.menu_id}">
                                    <span class="flex-fill col-sm-3">${ value.menu_id ? value.menu.nama : value.keterangan_custom }</span>
                                    <span class="flex-fill col-sm-1" style="text-align:right;">${value.jumlah}</span>
                                    <span class="flex-fill col-sm-3" style="text-align:right;" id="diskonspan_${no_index}">Rp. ${value.diskon ? formatRibuanComma(value.diskon) :'0'}
                                        <button data-target="#modal_discount" data-toggle="modal" type="button" onclick="tambahDiskon(${no_index})" class="btn btn-success" style="height: 25px;width: 25px;padding: 0px;}">
                                            <i class="fas fa-pencil-alt"></i>
                                        </button>
                                    </span>
                                    <span class="flex-fill col-sm-3 totalspan_${no_index} text_total_biaya${value.menu_id}" id ="text_total_biaya${value.menu_id}" style="font-size:12px; text-align:right;">Rp. ${value.grand_total ? formatRibuanComma(value.grand_total - value.diskon) :'0'}</span>

                                    <button type="button" data-target="#modal_confirm_remove_item_pembayaran" data-toggle="#" class="btn btn-danger btn-sm rounded-sm flex-fill col-sm-1 p-1" style="cursor:pointer;" onclick="removeItemPembayaran(${value.id})">
                                        <i class="fas fa-times-circle"></i>
                                    </button>

                                </div>
                            `;

                            list_carts_draft =
                            `
                                <div id="order_draft_id_${value.menu_id ? value.menu_id : value.keterangan_custom.replace(/\s/g, '') }" class="list-group-item list-group-item-action d-flex bd-highlight" >

                                    <input name="${value.menu_id ? 'menu_id[]': 'keterangan_custom[]'}" id="id${value.menu_id ? value.menu_id : value.keterangan_custom.replace(/\s/g, '')}" type="hidden" value="${value.menu_id ? value.menu_id : value.keterangan_custom}" readonly>
                                    <input name="${value.tipe_menu_id ? 'tipe_menu_id[]': 'tipe_menu_id[]'}" id="id${value.tipe_menu_id ? value.tipe_menu_id : '' }" type="hidden" value="${value.tipe_menu_id ? value.tipe_menu_id : ''}" readonly>
                                    <input name="${value.menu_id ? 'total_biaya[]': 'total_biaya_custom[]'}" id="total_biaya${value.menu_id ? value.menu_id : value.keterangan_custom.replace(/\s/g, '')}" class="form-control" type="hidden" value="${value.total_biaya}" readonly>

                                    <span class="flex-fill col-sm-4">${ value.menu_id ? value.menu.nama : value.keterangan_custom}</span>

                                    <div class="input-group-prepend decrement-btn" style="cursor: pointer" onclick="addOrSubstract('#qty${value.menu_id ? value.menu_id : value.keterangan_custom.replace(/\s/g, '')}', '-')">
                                        <span class="input-group-text"><i class="fas fa-minus  py-1"></i></span>
                                    </div>
                                    <input style="font-size:17px;" class="form-control flex-fill col-sm-3 qty_item text-center mx-1" name="${value.menu_id ? 'jumlah[]': 'jumlah_custom[]'}"  id="qty${value.menu_id ? value.menu_id : value.keterangan_custom.replace(/\s/g, '')}"  type="number" value="${value.jumlah}" onchange="changeQty(${value.menu_id}, '${ value.menu ? escape(value.menu.nama) : value.menu_id }', ${value.menu ? value.menu.harga : value.total_biaya})">
                                    <div class="input-group-append increment-btn" style="cursor: pointer" onclick="addOrSubstract('#qty${value.menu_id ? value.menu_id : value.keterangan_custom.replace(/\s/g, '')}', '+')">
                                        <span class="input-group-text"><i class="fas fa-plus  py-1"></i></span>
                                    </div>

                                    <input id="prev_qty${value.menu_id ? value.menu_id : value.keterangan_custom.replace(/\s/g, '')}"  type="hidden" value="${value.jumlah}">
                                    <span class="flex-fill col-sm-4" id ="text_total_biaya${value.menu_id}" style="font-size:12px; text-align:right;">Rp. ${value.grand_total ? formatRibuanComma(value.grand_total) :'0'}</span>

                                    <div class="btn btn-danger btn-sm rounded-sm flex-fill col-sm-1" style="cursor:pointer;" onclick="deleteCartitem(${value.id}, '${value.menu_id ? value.menu_id : value.keterangan_custom.replace(/\s/g, '')}', ${value.menu ? value.menu.harga : value.total_biaya})" >
                                        <i class="fas fa-times-circle"></i>
                                    </div>

                                </div>
                            `;

                            $('#fieldset_cart').append(list_carts);
                            $('#review_carts').append(review_carts);
                            // $('#fieldset_cart_modal').append(list_carts_draft);
                            no_index++;
                        })

                        if (check_qty_min!=0) {
                            $('#status_container_row').show();
                        }else{
                            $('#status_container_row').hide();
                            $('#status_container_row #status_cart_modal').val('kosong').trigger('change')
                            $('#status_container_row #custom_status_text').val(null)
                        }

                        // //service charge
                        // service_charge = Number(sub_total * services / 100);

                        // //ppn_charge
                        // ppn_charge = Number( (sub_total + service_charge) * ppn /100);

                        // //grand total
                        // grand_total = Number( sub_total + ppn_charge + service_charge );

                        ppn_charge      = Math.round(Number(((grand_total) * ppn)/(100+ppn)));//Find tax from grand total
                        harga_min_t     = (Number((grand_total - ppn_charge)));//price minus total tax
                        service_charge  = Math.round(Number((harga_min_t * services)/(100+services)));//Find service from grand total that minus total tax,
                        sub_total       = (Number((grand_total) - (ppn_charge) - (service_charge)));//input per item real,  without arrangement price
                        console.log(grand_total,ppn_charge,service_charge)
                        priceHtmlOperator(sub_total, ppn_charge, service_charge, grand_total);


                        // Load Data Pembayaran Cart
                        var nominal_payment = 0;
                        if (data.detail.pembayaranpos.length > 0) {
                            let pembayaran_row          = '';
                            let custom_jenis_pembayaran = {!! json_encode(config('custom.jenis_pembayaran')); !!};
                            let jumlah_method           =  1;

                            $.each(data.detail.pembayaranpos, function(urutan, pembayaran){

                                nominal_payment             += pembayaran.nominal;
                                let jenis_custom_pembayaran = '';
                                let option_pembayaran       = '';
                                let hidden_input            = '';

                                if (data.detail.pembayaranpos) {

                                    // untuk ambil data select sesuai id
                                    $.each(custom_jenis_pembayaran, function(urut, jenis){
                                        if (['3','5'].includes(urut)) {
                                            return;
                                        }
                                        else if(['1', '2', '4', '6' , '7'].includes(urut)){
                                            jenis_custom_pembayaran += ` <option value="${urut}" ${pembayaran.jenis_pembayaran_id == urut  ? 'selected' : ''} >${jenis}</option>`;
                                            return;
                                        }
                                    });

                                    // untuk ambil data select sesuai id
                                    $.each(platform_pembayarans[pembayaran.jenis_pembayaran_id], function(key, platform){
                                        option_pembayaran += `<option value="${platform.id}" ${pembayaran.platform_id == platform.id ? 'selected' : ''}>${platform.nama}</option>`
                                        return;
                                    });

                                }

                                let nonstay_value = ''
                                if (pembayaran.jenis_pembayaran_id == 6) {
                                    nonstays.forEach(function(item, index){
                                        let total_deposit = item.total_deposit ? parseInt(item.total_deposit.jumlah) : 0;
                                        let total_transaction_shop = item.total_pembayaran_p_o_s  ? parseInt(item.total_pembayaran_p_o_s.jumlah) : 0;
                                        let balance_deposit = total_deposit - total_transaction_shop;

                                        if (pembayaran.folio_dummy_id == item.id) {
                                            // nonstay_value = `<option value="${item.id}">
                                            //                     Rp. ${balance_deposit.toLocaleString('ID')}
                                            //                     -
                                            //                     ${item.guest_profile.name} (${item.no_bill})
                                            //                 </option>`;
                                            nonstay_value = `<option value="${item.id}">
                                                                Rp. ${formatRibuanComma(balance_deposit)}
                                                                -
                                                                ${item.guest_profile.name} (${item.no_bill})
                                                            </option>`;
                                        }
                                    });
                                }

                                if (pembayaran.jenis_pembayaran_id == 7) {
                                    hidden_input += `<input type="hidden" id="kamar_id" name="kamar_id[${urutan}]" value="${pembayaran.invoice_id}">`;
                                }

                                var deleteoptionpayment = ''
                                if ((pembayaran.transaction_date == data.date_system)) {
                                    deleteoptionpayment = ` <div class="col-lg-1 p-1 m-0">
                                                                <button type="button" onclick="deleteSavedPayment(${pembayaran.id})" class="btn btn-warning" style="height:35px;">
                                                                    <i class="icon-trash"></i>
                                                                </button>
                                                            </div>`
                                }else{
                                    deleteoptionpayment = ` <div class="col-lg-1 p-1 m-0">
                                                            <button type="button" onclick="callModalAlert('Saved payment cant be deleted, already accounted on report!')" class="btn btn-light" style="height:35px;">
                                                                <i class="icon-help"></i>
                                                            </button>
                                                        </div>`
                                }

                                pembayaran_row += `
                                    <div class="row p-1">
                                        <input type="hidden" id="jumlahMethod" value="${jumlah_method}">
                                        <input type="hidden" id="pembayaran_id" name="pembayaran_id[${urutan}]" value="${pembayaran.id}">

                                        <div id="nominal_div_${urutan}" class="${pembayaran.jenis_pembayaran_id != 1 ? 'col-lg-3' : 'col-lg-6'} p-1 m-0">
                                            <input type="hidden" name="nominal[${urutan}]" value="${pembayaran.nominal}" >
                                            <input id="total_payment_pos_${urutan}"  value="${pembayaran.nominal}" type="text" class="paymentInput_1 nominal_input text-right form-control-lg border-1" min="1" style="width: inherit; height:36px;" oninput="checkPayment()" autocomplete="off" placeholder="Amount..." disabled>
                                        </div>

                                        <div id="voucher_${urutan}" class="col-lg-3 p-1 m-0" style="${pembayaran.jenis_pembayaran_id != 2 && pembayaran.jenis_pembayaran_id != 4 ? 'display: none' : ''}">
                                            <input type="hidden" name="voucher[${urutan}]" value="${pembayaran.voucher ? pembayaran.voucher : ''}" >
                                            <input id="voucher_number_${urutan}" type="text" value="${pembayaran.voucher ? pembayaran.voucher : ''}" class="text-right form-control-lg border-1"  style="width: inherit; height:36px;" autocomplete="off" placeholder="voucher/card number..." disabled >
                                        </div>
                                        <div class="col-lg-3 p-1 m-0" id="checkout_jenis_pembayaran_option_${urutan}" style="${pembayaran.jenis_pembayaran_id != 2 && pembayaran.jenis_pembayaran_id != 4? 'display: none' : ''}">
                                                <input type="hidden" name="platform_pembayaran_id[${urutan}]" value="${pembayaran.platform_id}">
                                                <select
                                                        id="platform_id"
                                                        class="platform_pembayaran_id_${urutan} form-control form-control-select2 border-1 border-secondary "
                                                        onchange="pickPlatform(${urutan}, this.value)"
                                                        disabled
                                                >
                                                    ${pembayaran.jenis_pembayaran_id !=1 ? option_pembayaran : '<option value="">** Pilih Platform Pembayaran **</option>'}
                                                </select>
                                        </div>

										<div class="col-lg-5 p-1 m-0" id="checkout_folio_dummy_option_${urutan}" style="${pembayaran.jenis_pembayaran_id != 6 ? 'display: none' : ''}">
                                            <input type="hidden" name="folio_dummy_id[${urutan}]" value="${pembayaran.folio_dummy_id}">
                                            <select id="folio_dummy_id_${urutan}" class="form-control form-control-select2" disabled>
												${nonstay_value}
											</select>
										</div>

                                        <div class="col-lg-5  p-1 m-0" style="${ pembayaran.jenis_pembayaran_id != 7 ? 'display:none;': ''}" id="checkout_room_hotel_${urutan}">
                                            <select name="kamar_id[${urutan}]" id="kamar_id_${urutan}" class="form-control form-control-select2" disabled>
                                            </select>
                                            ${hidden_input}
                                        </div>

                                        <div class="col-lg-5 p-1 m-0" id="checkout_ledgers_option_${urutan}" style="${pembayaran.jenis_pembayaran_id != 5 ? 'display:none' : ''}">
                                            <input type="hidden" name="ledger_id[${urutan}]" value="${pembayaran.ledger_id}">
                                            <select id="ledger_id_${urutan}" class="form-control form-control-select2" required disabled>
                                                ${ledger_options}
                                            </select>
                                        </div>

                                        <div id="jenis_div_${urutan}" class="${pembayaran.jenis_pembayaran_id != 1 ? (pembayaran.jenis_pembayaran_id != 6 ? 'col-lg-2' : 'col-lg-3') : 'col-lg-5'} p-1 m-0">
                                            <input type="hidden" name="jenis_pembayaran[${urutan}]" value="${pembayaran.jenis_pembayaran_id}">
                                            <select
                                                style="height:35px;"
                                                class="form-control form-control-select2 border-secondary border-1"
                                                id="checkout_jenis_pembayaran_${urutan}"
                                                onchange="setJenisPembayaran(${urutan})"
                                                disabled>
                                                ${jenis_custom_pembayaran}
                                            </select>
                                        </div>

                                       ${deleteoptionpayment}

                                    </div>
                                `;

                                $.ajax({
                                    type: 'get',
                                    url: "{{url('refresh-kamar')}}",
                                    success: function (data) {
                                        let html = "";
                                            html += "<option> -- Select Room -- </option>";
                                        $.each(data, function(index, value){
                                            let option = "";
                                                option += `<option value="${value.id}" data-nomor_kamar="${value.nomor_kamar}" data-status_lock="${value?.booking?.status_lock ?? ''}" ${pembayaran.invoice_id == value.id ? 'selected' : ''}>${value.nomor_kamar} - ${value.nama_pelanggan}</option>`
                                                html += `
                                                    ${option}
                                                    `
                                        })

                                        $('#kamar_id_'+urutan).html(html);

                                    }
                                })

                                jumlah_method ++;
                            });

                                // untuk sisa dari bayarr
                                nominal_payment = Number(grand_total - nominal_payment);

                                // Untuk Baris pembayran kosong default
                                jumlah_method += 1;
                                if (nominal_payment > 1) {
                                    pembayaran_row += `
                                        <div class="row p-1">

                                            <input type="hidden" id="pembayaran_id" name="pembayaran_id[${jumlah_method}]">

                                            <div id="nominal_div_${jumlah_method}" class="col-lg-6 p-1 m-0">
                                                <input id="total_payment_pos_${jumlah_method}" name="nominal[${jumlah_method}]" value="" min="1" type="text" class="paymentInput_1 nominal_input text-right form-control-lg border-teal border-1" style="width: inherit; height:36px;" onfocus="inputClick(this.id, 1)" oninput="checkPayment()" autocomplete="off" placeholder="${nominal_payment}" required autofocus>
                                            </div>

                                            <div id="voucher_${jumlah_method}" class="col-lg-3 p-1 m-0" style="display:none;">
                                                <input id="voucher_number_${jumlah_method}" type="text" name="voucher[${jumlah_method}]" class="text-right form-control-lg border-teal border-1"  style="width: inherit; height:36px;" autocomplete="off" placeholder="voucher/card number..." onclick="inputClick(this.id, '')">
                                            </div>

                                            <div class="col-lg-3 p-1 m-0" id="checkout_jenis_pembayaran_option_${jumlah_method}" style="display: none">
                                                    <select name="platform_pembayaran_id[${jumlah_method}]"
                                                            id="platform_id"
                                                            class="platform_pembayaran_id_${jumlah_method} form-control form-control-select2 border-1 border-1 border-teal"
                                                            onchange="pickPlatform(${jumlah_method}, this.value)"
                                                    >
                                                        <option value="">** Pilih Platform Pembayaran **</option>
                                                    </select>
                                            </div>

											<div class="col-lg-5 p-1 m-0" id="checkout_folio_dummy_option_${jumlah_method}" style="display:none">
												<select name="folio_dummy_id[${jumlah_method}]" id="folio_dummy_id_${jumlah_method}" class="form-control form-control-select2">
													${nonstay_opts}
												</select>
                                            </div>

											<div class="col-lg-5  p-1 m-0" style="display:none;" id="checkout_room_hotel_${jumlah_method}">
												<select name="kamar_id[${jumlah_method}]" id="kamar_id_${jumlah_method}" class="form-control form-control-select2">
                                                    <option value="">-- Pilih No Kamar --</option>
                                                    @foreach($kamars as $kamar)
                                                        <option value="{{$kamar->id}}" data-nomor_kamar="{{ $kamar->nomor_kamar }}" data-status_lock="{{ @$kamar->booking->status_lock}}" {{ @$kamar->booking->status_lock == 1 ? 'data-icon=fa-lock data-color=text-danger' : 'data-icon=fa-lock-open data-color=text-success' }}>{{$kamar->nomor_kamar}} - {{$kamar->nama_pelanggan}}</option>
                                                    @endforeach
                                                </select>
                                            </div>

                                            <div class="col-lg-5 p-1 m-0" id="checkout_ledgers_option_${jumlah_method}" style="display:none">
                                                <select name="ledger_id[${jumlah_method}]" id="ledger_id_${jumlah_method}" class="form-control form-control-select2" required>
                                                    ${ledger_options}
                                                </select>
                                            </div>

                                            <div id="jenis_div_${jumlah_method}" class="col-lg-5 p-1 m-0">
                                                <select style="height:35px;" name="jenis_pembayaran[${jumlah_method}]" class="jenis_bayar form-control form-control-select2 border-teal border-1 border-teal" name="jenis_pembayaran_id" id="checkout_jenis_pembayaran_${jumlah_method}" onchange="setJenisPembayaran(${jumlah_method})">
                                                    @foreach(config('custom.jenis_pembayaran') as $key => $value)
                                                        @if (in_array($key, [3,8]))
                                                            @continue
                                                        @endif
                                                        <option value="{{$key}}">{{$value}}</option>
                                                    @endforeach
                                                </select>
                                            </div>

                                            <input type="hidden" id="jumlahMethod" value="1">
                                            <div class="col-lg-1 p-1 m-0">
                                                <button id="tambah_metode_pembayaran" type="button" onclick="tambahMethodPembayaran()" class="btn btn-success" style="height:35px;">
                                                    <i class="fas fa-plus-circle"></i>
                                                </button>
                                            </div>

                                        </div>
                                    `;

                                }

                            let pembayaran_div = `${pembayaran_row}`;

                            checkPayment();

                            $('#formMethod0').html(pembayaran_div);
                        }else{
                            let reset_form = `
                            <div class="row p-1">

                                <input type="hidden" id="pembayaran_id" name="pembayaran_id[1]">

                                <div id="nominal_div_1" class="col-lg-6 p-1 m-0">
                                    <input id="total_payment_pos" name="nominal[1]" type="text" min="1" class="paymentInput_1 nominal_input text-right form-control-lg border-teal border-1" style="width: inherit; height:36px;" onfocus="inputClick(this.id, 1)" oninput="checkPayment()" autocomplete="off" placeholder="Amount..." required autofocus>
                                </div>

                                <div id="voucher_1" class="col-lg-3 p-1 m-0" style="display:none;">
                                    <input id="voucher_number_1" type="text" name="voucher[1]" class="text-right form-control-lg border-teal border-1"  style="width: inherit; height:36px;" autocomplete="off" placeholder="voucher/card number..." onclick="inputClick(this.id, '')">
                                </div>

                                <div class="col-lg-3 p-1 m-0" id="checkout_jenis_pembayaran_option_1" style="display: none">
                                        <select name="platform_pembayaran_id[1]"
                                                id="platform_id"
                                                class="platform_pembayaran_id_1 form-control form-control-select2 border-1 border-1 border-teal"
                                                onchange="pickPlatform(1, this.value)"
                                        >
                                            <option value="">** Pilih Platform Pembayaran **</option>
                                        </select>
                                </div>

								<div class="col-lg-5 p-1 m-0" id="checkout_folio_dummy_option_1" style="display:none">
									<select name="folio_dummy_id[1]" id="folio_dummy_id_1" class="form-control form-control-select2">
										${nonstay_opts}
									</select>
								</div>

                                <div class="col-lg-4  p-1 m-0" style="display:none;" id="checkout_room_hotel_1">
                                    <select name="kamar_id[1]" id="kamar_id_1" class="form-control form-control-select2">
                                        <option value="">-- Pilih No Kamar --</option>
                                        @foreach($kamars as $kamar)
                                            <option value="{{$kamar->id}}" data-nomor_kamar="{{ $kamar->nomor_kamar }}" data-status_lock="{{ @$kamar->booking->status_lock}}" {{ @$kamar->booking->status_lock == 1 ? 'data-icon=fa-lock data-color=text-danger' : 'data-icon=fa-lock-open data-color=text-success' }}>{{$kamar->nomor_kamar}} - {{$kamar->nama_pelanggan}}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="col-lg-5 p-1 m-0" id="checkout_ledgers_option_1" style="display:none">
                                    <select name="ledger_id[1]" id="ledger_id_1" class="form-control form-control-select2" required>
                                        ${ledger_options}
                                    </select>
                                </div>

                                <div id="jenis_div_1" class="col-lg-5 p-1 m-0">
                                    <select style="height:35px;" name="jenis_pembayaran[1]" class="jenis_bayar form-control form-control-select2 border-teal border-1 border-teal" name="jenis_pembayaran_id" id="checkout_jenis_pembayaran_1" onchange="setJenisPembayaran(1)">
                                        @foreach(config('custom.jenis_pembayaran') as $key => $value)
                                            @if (in_array($key, [3,8]))
                                                @continue
                                            @endif
                                            <option value="{{$key}}">{{$value}}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="col-lg-1 px-0 d-flex justify-content-center" style="display:none !important" id="refresh_kamar_1">
                                    <button type="button" class="btn p-0" onclick="refreshKamar(1)">
                                        <i class="fas fa-sync-alt"></i>
                                    </button>
                                </div>

                                <input type="hidden" id="jumlahMethod" value="1">
                                <div class="col-lg-1 p-1 m-0">
                                    <button id="tambah_metode_pembayaran" type="button" onclick="tambahMethodPembayaran()" class="btn btn-success" style="height:35px;">
                                        <i class="fas fa-plus-circle"></i>
                                    </button>
                                </div>

                            </div>

                            `;


                            $('#formMethod0').html(reset_form);
                        }

                    }else{

                        list_carts =
                            `
                                <div class="col-md-12 mt-2">
                                    <div class="alert alert-danger text-center mb-2" role="alert">
                                        Empty
                                    </div>
                                </div>
                            `;

                        $('#fieldset_cart').empty();
                        $('#fieldset_cart_modal').empty();

                        $('#fieldset_cart').html(list_carts);
                        priceHtmlOperator(0, 0, 0, 0, 0);

                        // Load Data Pembayaran Cart
                        var nominal_payment = 0;
                        if (data.detail.pembayaranpos.length > 0) {
                            let pembayaran_row          = '';
                            let custom_jenis_pembayaran = {!! json_encode(config('custom.jenis_pembayaran')); !!};
                            let jumlah_method           =  1;

                            $.each(data.detail.pembayaranpos, function(urutan, pembayaran){

                                nominal_payment             += pembayaran.nominal;
                                let jenis_custom_pembayaran = '';
                                let option_pembayaran       = '';
                                let hidden_input            = '';

                                if (data.detail.pembayaranpos) {

                                    // untuk ambil data select sesuai id
                                    $.each(custom_jenis_pembayaran, function(urut, jenis){
                                        if (['3','5'].includes(urut)) {
                                            return;
                                        }
                                        else if(['1', '2', '4', '6' , '7'].includes(urut)){
                                            jenis_custom_pembayaran += ` <option value="${urut}" ${pembayaran.jenis_pembayaran_id == urut  ? 'selected' : ''} >${jenis}</option>`;
                                            return;
                                        }
                                    });

                                    // untuk ambil data select sesuai id
                                    $.each(platform_pembayarans[pembayaran.jenis_pembayaran_id], function(key, platform){
                                        option_pembayaran += `<option value="${platform.id}" ${pembayaran.platform_id == platform.id ? 'selected' : ''}>${platform.nama}</option>`
                                        return;
                                    });

                                }

                                let nonstay_value = ''
                                if (pembayaran.jenis_pembayaran_id == 6) {
                                    nonstays.forEach(function(item, index){
                                        let total_deposit = item.total_deposit ? parseInt(item.total_deposit.jumlah) : 0;
                                        let total_transaction_shop = item.total_pembayaran_p_o_s  ? parseInt(item.total_pembayaran_p_o_s.jumlah) : 0;
                                        let balance_deposit = total_deposit - total_transaction_shop;

                                        if (pembayaran.folio_dummy_id == item.id) {
                                            // nonstay_value = `<option value="${item.id}">
                                            //                     Rp. ${balance_deposit.toLocaleString('ID')}
                                            //                     -
                                            //                     ${item.guest_profile.name} (${item.no_bill})
                                            //                 </option>`;
                                            nonstay_value = `<option value="${item.id}">
                                                                Rp. ${formatRibuanComma(balance_deposit)}
                                                                -
                                                                ${item.guest_profile.name} (${item.no_bill})
                                                            </option>`;
                                        }
                                    });
                                }

                                if (pembayaran.jenis_pembayaran_id == 7) {
                                    hidden_input += `<input type="hidden" id="kamar_id" name="kamar_id[${urutan}]" value="${pembayaran.invoice_id}">`;
                                }

                                var deleteoptionpayment = ''
                                if ((pembayaran.transaction_date == data.date_system)) {
                                    deleteoptionpayment = ` <div class="col-lg-1 p-1 m-0">
                                                                <button type="button" onclick="deleteSavedPayment(${pembayaran.id})" class="btn btn-warning" style="height:35px;">
                                                                    <i class="icon-trash"></i>
                                                                </button>
                                                            </div>`
                                }else{
                                    deleteoptionpayment = ` <div class="col-lg-1 p-1 m-0">
                                                            <button type="button" onclick="callModalAlert('Saved payment cant be deleted, already accounted on report!')" class="btn btn-light" style="height:35px;">
                                                                <i class="icon-help"></i>
                                                            </button>
                                                        </div>`
                                }


                                pembayaran_row += `
                                    <div class="row p-1">
                                        <input type="hidden" id="jumlahMethod" value="${jumlah_method}">
                                        <input type="hidden" id="pembayaran_id" name="pembayaran_id[${urutan}]" value="${pembayaran.id}">

                                        <div id="nominal_div_${urutan}" class="${pembayaran.jenis_pembayaran_id != 1 ? 'col-lg-3' : 'col-lg-6'} p-1 m-0">
                                            <input type="hidden" name="nominal[${urutan}]" value="${pembayaran.nominal}" >
                                            <input id="total_payment_pos_${urutan}"  value="${pembayaran.nominal}" type="text" class="paymentInput_1 nominal_input text-right form-control-lg border-1" min="1" style="width: inherit; height:36px;" oninput="checkPayment()" autocomplete="off" placeholder="Amount..." disabled>
                                        </div>

                                        <div id="voucher_${urutan}" class="col-lg-3 p-1 m-0" style="${pembayaran.jenis_pembayaran_id != 2 && pembayaran.jenis_pembayaran_id != 4 ? 'display: none' : ''}">
                                            <input type="hidden" name="voucher[${urutan}]" value="${pembayaran.voucher ? pembayaran.voucher : ''}" >
                                            <input id="voucher_number_${urutan}" type="text" value="${pembayaran.voucher ? pembayaran.voucher : ''}" class="text-right form-control-lg border-1"  style="width: inherit; height:36px;" autocomplete="off" placeholder="voucher/card number..." disabled >
                                        </div>
                                        <div class="col-lg-3 p-1 m-0" id="checkout_jenis_pembayaran_option_${urutan}" style="${pembayaran.jenis_pembayaran_id != 2 && pembayaran.jenis_pembayaran_id != 4? 'display: none' : ''}">
                                                <input type="hidden" name="platform_pembayaran_id[${urutan}]" value="${pembayaran.platform_id}">
                                                <select
                                                        id="platform_id"
                                                        class="platform_pembayaran_id_${urutan} form-control form-control-select2 border-1 border-secondary "
                                                        onchange="pickPlatform(${urutan}, this.value)"
                                                        disabled
                                                >
                                                    ${pembayaran.jenis_pembayaran_id !=1 ? option_pembayaran : '<option value="">** Pilih Platform Pembayaran **</option>'}
                                                </select>
                                        </div>

										<div class="col-lg-5 p-1 m-0" id="checkout_folio_dummy_option_${urutan}" style="${pembayaran.jenis_pembayaran_id != 6 ? 'display: none' : ''}">
                                            <input type="hidden" name="folio_dummy_id[${urutan}]" value="${pembayaran.folio_dummy_id}">
                                            <select id="folio_dummy_id_${urutan}" class="form-control form-control-select2" disabled>
												${nonstay_value}
											</select>
										</div>

                                        <div class="col-lg-5  p-1 m-0" style="${ pembayaran.jenis_pembayaran_id != 7 ? 'display:none;': ''}" id="checkout_room_hotel_${urutan}">
                                            <select name="kamar_id[${urutan}]" id="kamar_id_${urutan}" class="form-control form-control-select2" disabled>
                                            </select>
                                            ${hidden_input}
                                        </div>

                                        <div class="col-lg-5 p-1 m-0" id="checkout_ledgers_option_${urutan}" style="${pembayaran.jenis_pembayaran_id != 5 ? 'display:none' : ''}">
                                            <input type="hidden" name="ledger_id[${urutan}]" value="${pembayaran.ledger_id}">
                                            <select id="ledger_id_${urutan}" class="form-control form-control-select2" required disabled>
                                                ${ledger_options}
                                            </select>
                                        </div>

                                        <div id="jenis_div_${urutan}" class="${pembayaran.jenis_pembayaran_id != 1 ? (pembayaran.jenis_pembayaran_id != 6 ? 'col-lg-2' : 'col-lg-3') : 'col-lg-5'} p-1 m-0">
                                            <input type="hidden" name="jenis_pembayaran[${urutan}]" value="${pembayaran.jenis_pembayaran_id}">
                                            <select
                                                style="height:35px;"
                                                class="form-control form-control-select2 border-secondary border-1"
                                                id="checkout_jenis_pembayaran_${urutan}"
                                                onchange="setJenisPembayaran(${urutan})"
                                                disabled>
                                                ${jenis_custom_pembayaran}
                                            </select>
                                        </div>

                                        ${deleteoptionpayment}

                                    </div>
                                `;

                                $.ajax({
                                    type: 'get',
                                    url: "{{url('refresh-kamar')}}",
                                    success: function (data) {
                                        let html = "";
                                            html += "<option> -- Select Room -- </option>";
                                        $.each(data, function(index, value){
                                            let option = "";
                                                option += `<option value="${value.id}" data-nomor_kamar="${value.nomor_kamar}" data-status_lock="${value?.booking?.status_lock ?? ''}" ${pembayaran.invoice_id == value.id ? 'selected' : ''}>${value.nomor_kamar} - ${value.nama_pelanggan}</option>`
                                                html += `
                                                    ${option}
                                                    `
                                        })

                                        $('#kamar_id_'+urutan).html(html);

                                    }
                                })

                                jumlah_method ++;
                            });

                                // untuk sisa dari bayarr
                                nominal_payment = Number(grand_total - nominal_payment);

                                // Untuk Baris pembayran kosong default
                                jumlah_method += 1;
                                if (nominal_payment > 1) {
                                    pembayaran_row += `
                                        <div class="row p-1">

                                            <input type="hidden" id="pembayaran_id" name="pembayaran_id[${jumlah_method}]">

                                            <div id="nominal_div_${jumlah_method}" class="col-lg-6 p-1 m-0">
                                                <input id="total_payment_pos_${jumlah_method}" name="nominal[${jumlah_method}]" value="" min="1" type="text" class="paymentInput_1 nominal_input text-right form-control-lg border-teal border-1" style="width: inherit; height:36px;" onfocus="inputClick(this.id, 1)" oninput="checkPayment()" autocomplete="off" placeholder="${nominal_payment}" required autofocus>
                                            </div>

                                            <div id="voucher_${jumlah_method}" class="col-lg-3 p-1 m-0" style="display:none;">
                                                <input id="voucher_number_${jumlah_method}" type="text" name="voucher[${jumlah_method}]" class="text-right form-control-lg border-teal border-1"  style="width: inherit; height:36px;" autocomplete="off" placeholder="voucher/card number..." onclick="inputClick(this.id, '')">
                                            </div>

                                            <div class="col-lg-3 p-1 m-0" id="checkout_jenis_pembayaran_option_${jumlah_method}" style="display: none">
                                                    <select name="platform_pembayaran_id[${jumlah_method}]"
                                                            id="platform_id"
                                                            class="platform_pembayaran_id_${jumlah_method} form-control form-control-select2 border-1 border-1 border-teal"
                                                            onchange="pickPlatform(${jumlah_method}, this.value)"
                                                    >
                                                        <option value="">** Pilih Platform Pembayaran **</option>
                                                    </select>
                                            </div>

											<div class="col-lg-5 p-1 m-0" id="checkout_folio_dummy_option_${jumlah_method}" style="display:none">
												<select name="folio_dummy_id[${jumlah_method}]" id="folio_dummy_id_${jumlah_method}" class="form-control form-control-select2">
													${nonstay_opts}
												</select>
                                            </div>

											<div class="col-lg-5  p-1 m-0" style="display:none;" id="checkout_room_hotel_${jumlah_method}">
												<select name="kamar_id[${jumlah_method}]" id="kamar_id_${jumlah_method}" class="form-control form-control-select2">
                                                    <option value="">-- Pilih No Kamar --</option>
                                                    @foreach($kamars as $kamar)
                                                        <option value="{{$kamar->id}}" data-nomor_kamar="{{ $kamar->nomor_kamar }}" data-status_lock="{{ @$kamar->booking->status_lock}}" {{ @$kamar->booking->status_lock == 1 ? 'data-icon=fa-lock data-color=text-danger' : 'data-icon=fa-lock-open data-color=text-success' }}>{{$kamar->nomor_kamar}} - {{$kamar->nama_pelanggan}}</option>
                                                    @endforeach
                                                </select>
                                            </div>

                                            <div class="col-lg-5 p-1 m-0" id="checkout_ledgers_option_${jumlah_method}" style="display:none">
                                                <select name="ledger_id[${jumlah_method}]" id="ledger_id_${jumlah_method}" class="form-control form-control-select2" required>
                                                    ${ledger_options}
                                                </select>
                                            </div>

                                            <div id="jenis_div_${jumlah_method}" class="col-lg-5 p-1 m-0">
                                                <select style="height:35px;" name="jenis_pembayaran[${jumlah_method}]" class="jenis_bayar form-control form-control-select2 border-teal border-1 border-teal" name="jenis_pembayaran_id" id="checkout_jenis_pembayaran_${jumlah_method}" onchange="setJenisPembayaran(${jumlah_method})">
                                                    @foreach(config('custom.jenis_pembayaran') as $key => $value)
                                                        @if (in_array($key, [3,8]))
                                                            @continue
                                                        @endif
                                                        <option value="{{$key}}">{{$value}}</option>
                                                    @endforeach
                                                </select>
                                            </div>

                                            <input type="hidden" id="jumlahMethod" value="1">
                                            <div class="col-lg-1 p-1 m-0">
                                                <button id="tambah_metode_pembayaran" type="button" onclick="tambahMethodPembayaran()" class="btn btn-success" style="height:35px;">
                                                    <i class="fas fa-plus-circle"></i>
                                                </button>
                                            </div>

                                        </div>
                                    `;

                                }

                            let pembayaran_div = `${pembayaran_row}`;

                            checkPayment();

                            $('#formMethod0').html(pembayaran_div);
                        }else{
                            let reset_form = `
                            <div class="row p-1">

                                <input type="hidden" id="pembayaran_id" name="pembayaran_id[1]">

                                <div id="nominal_div_1" class="col-lg-6 p-1 m-0">
                                    <input id="total_payment_pos" name="nominal[1]" type="text" min="1" class="paymentInput_1 nominal_input text-right form-control-lg border-teal border-1" style="width: inherit; height:36px;" onfocus="inputClick(this.id, 1)" oninput="checkPayment()" autocomplete="off" placeholder="Amount..." required autofocus>
                                </div>

                                <div id="voucher_1" class="col-lg-3 p-1 m-0" style="display:none;">
                                    <input id="voucher_number_1" type="text" name="voucher[1]" class="text-right form-control-lg border-teal border-1"  style="width: inherit; height:36px;" autocomplete="off" placeholder="voucher/card number..." onclick="inputClick(this.id, '')">
                                </div>

                                <div class="col-lg-3 p-1 m-0" id="checkout_jenis_pembayaran_option_1" style="display: none">
                                        <select name="platform_pembayaran_id[1]"
                                                id="platform_id"
                                                class="platform_pembayaran_id_1 form-control form-control-select2 border-1 border-1 border-teal"
                                                onchange="pickPlatform(1, this.value)"
                                        >
                                            <option value="">** Pilih Platform Pembayaran **</option>
                                        </select>
                                </div>

								<div class="col-lg-5 p-1 m-0" id="checkout_folio_dummy_option_1" style="display:none">
									<select name="folio_dummy_id[1]" id="folio_dummy_id_1" class="form-control form-control-select2">
										${nonstay_opts}
									</select>
								</div>

                                <div class="col-lg-4  p-1 m-0" style="display:none;" id="checkout_room_hotel_1">
                                    <select name="kamar_id[1]" id="kamar_id_1" class="form-control form-control-select2">
                                        <option value="">-- Pilih No Kamar --</option>
                                        @foreach($kamars as $kamar)
                                            <option value="{{$kamar->id}}" data-nomor_kamar="{{ $kamar->nomor_kamar }}" data-status_lock="{{ @$kamar->booking->status_lock}}" {{ @$kamar->booking->status_lock == 1 ? 'data-icon=fa-lock data-color=text-danger' : 'data-icon=fa-lock-open data-color=text-success' }}>{{$kamar->nomor_kamar}} - {{$kamar->nama_pelanggan}}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="col-lg-5 p-1 m-0" id="checkout_ledgers_option_1" style="display:none">
                                    <select name="ledger_id[1]" id="ledger_id_1" class="form-control form-control-select2" required>
                                        ${ledger_options}
                                    </select>
                                </div>

                                <div id="jenis_div_1" class="col-lg-5 p-1 m-0">
                                    <select style="height:35px;" name="jenis_pembayaran[1]" class="jenis_bayar form-control form-control-select2 border-teal border-1 border-teal" name="jenis_pembayaran_id" id="checkout_jenis_pembayaran_1" onchange="setJenisPembayaran(1)">
                                        @foreach(config('custom.jenis_pembayaran') as $key => $value)
                                            @if (in_array($key, [3,8]))
                                                @continue
                                            @endif
                                            <option value="{{$key}}">{{$value}}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="col-lg-1 px-0 d-flex justify-content-center" style="display:none !important" id="refresh_kamar_1">
                                    <button type="button" class="btn p-0" onclick="refreshKamar(1)">
                                        <i class="fas fa-sync-alt"></i>
                                    </button>
                                </div>

                                <input type="hidden" id="jumlahMethod" value="1">
                                <div class="col-lg-1 p-1 m-0">
                                    <button id="tambah_metode_pembayaran" type="button" onclick="tambahMethodPembayaran()" class="btn btn-success" style="height:35px;">
                                        <i class="fas fa-plus-circle"></i>
                                    </button>
                                </div>

                            </div>

                            `;


                            $('#formMethod0').html(reset_form);
                        }
                    }

                    $('#bayar_id').attr('style', 'border-radius: 0 !important;');
                    // $('#chek_in_id').attr('style', 'display:none;');
                    $('#in_house').prop('checked', false);
                    $('#kamar_id').select2().val('').trigger('change');
                    $('#kamar_id').attr('disabled', true)
                    $('#bank').attr('style','')
                    $('#bank').val('')
                    $('#card_number').prop("checked", false);
                    $('#card_number').attr('style', '')
                    $('#id_label_card').attr('style', 'font-size: 13px; font-weight:bold;')
                    $('#field_kartu_debit').show()
                    $('#container_payment').attr('style', '');
                    $('#tambahOrder').attr('style', 'width:100%;')

                    $('#complimentary_checkbox').prop('checked', false);
                    $('#complimentary').select2().val('').trigger('change');
                    $('#complimentary').attr('disabled', true);
                    $('#pelanggan').attr('disabled', false);

					//Load Data Nonstay
					let nonstay_options = '<option value="">** Pilih Nonstay Folio **</option>';
					let nonstay_folios = data.nonstay_folios;
					if(nonstay_folios.length > 0){
						nonstay_folios.forEach(function(data){
							let total_deposit = data.total_deposit ? parseInt(data.total_deposit.jumlah) : 0;
							let total_transaction_shop = data.total_pembayaran_p_o_s ? parseInt(data.total_pembayaran_p_o_s.jumlah) : 0;
							let balance_deposit = total_deposit - total_transaction_shop;

							nonstay_options += `<option value="${data.id}">
													Rp. ${formatRibuanComma(balance_deposit)}
													-
													${data.guest_profile.name} (${data.no_bill})
												</option>`;

						});
					}
					$('#folio_dummy_id').html(nonstay_options);

					//Load Data Ledgers
					// let ledger_options = '<option value="">** Pilih Ledger **</option>';
					// let ledgers = data.ledgers;
					// if(ledgers.length > 0){
					// 	ledgers.forEach(function(data){
					// 		ledger_options += `<option value="${data.id}">${data.comp_title} ${data.name}</option>`;
					// 	});
					// }
					// $('#ledger_id').html(ledger_options);

					$('.form-control-select2').select2();
                }

        });


    }

    //function select tipe menu
    function selectTipeMenuGetMenus(id){
        //get menu and insert selected tipe menu
        // var tPay = document.getElementById('total_payment').value;
        // checkPayment(tPay);

        $('#hidden_tipe_menu_id').val(id);
        $('#menu_list_id').empty();

        if (id != 'misc') {

        //show menu list
        $.ajax({
            type: 'GET',
            url: "{{ url('/getmenuresto/')}}/"+id,
            success: function (data) {
                if(data.length == 0 ){
                    let list = `<div class="col-md-12">
                                    <div class="alert alert-danger text-center mb-2" role="alert">
                                        Menu tidak ditemukan.
                                    </div>
                                </div>`;

                    if (shop_condition == 1) {
                        $('#table_list_id').html(list);
                    }else if(shop_condition == 2){
                        $('#menu_list_id').html(list);
                    }

                }else{

                    // let custom_menus =
                    // `
                    //     <div class="card m-2 bg-warning" style="width: 150px; cursor:pointer;"
                    //         onclick="customMenu()"
                    //         >
                    //         <div class="card-body text-center font-weight-bolder">
                    //             <div class="card-title p-3 mt-4">
                    //                 <i class="fas fa-cogs fa-lg"></i>
                    //                <h5 style="font-weight:bold;"> Custom Menu </h5>
                    //             </div>
                    //         </div>
                    //     </div>
                    // `;

                    if (shop_condition == 1){
                        $('#table_list_id').empty();
                        // $('#table_list_id').append(custom_menus);
                    }else if(shop_condition == 2){
                        // $('#menu_list_id').append(custom_menus);
                    }

                    if (shop_condition == 1) {
                        $.each(data, function(index, value) {
                                var assets = "{{ URL::asset('global_assets/images/placeholders/placeholder.jpg') }}";
                                var stock_html = "";
                                var color_card_stock = "";
                                if(value.stock_active == 1){
                                    var this_count_stock = 1;
                                    $.each(value.stocks, function (si, sv) {
                                        if (sv.stock < 1) {
                                            this_count_stock = 0
                                        }
                                    });
                                    if(this_count_stock > 0){
                                        stock_html = `<h5 class="card-title text-danger pl-2"><small>Stock: Available</small></h5>`;
                                    }else{
                                        color_card_stock = 'border-danger';
                                        stock_html = `<h5 class="card-title text-danger pl-2"><small>Stock: Out of stock</small></h5>`;
                                    }
                                }
                                let list_menus =
                                `
                                    <div id="tombolMenu" class="card m-2" style="width: 150px; cursor:pointer;" onclick="insertToCartNonResto(${value.id}, '${escape(value.nama)}', ${value.harga}, ${value.tipe_menu_id}, ${value.cost_complimentary})">
                                        <img src="${value.gambar ? '/'+value.gambar : assets}"
                                            class="mr-2 card-img-top img-thumbnail" style="height:10rem; object-fit:cover;">
                                            <h5 class="card-title pl-2">${value.nama ? value.nama: ''}</h5>
                                            ${stock_html}
                                            <p class="card-text pl-2 mb-2">${value.harga ? 'Rp.'+formatRibuanComma(value.harga) :'Rp. 0'}</p>
                                    </div>
                                `;
                                $('#table_list_id').append(list_menus);
                        });
                    }else if(shop_condition == 2){
                        $.each(data, function(index, value) {
                                var assets = "{{ URL::asset('global_assets/images/placeholders/placeholder.jpg') }}";
                                var stock_html = "";
                                var color_card_stock = "";
                                if(value.stock_active == 1){
                                    var this_count_stock = 1;
                                    $.each(value.stocks, function (si, sv) {
                                        if (sv.stock < 1) {
                                            this_count_stock = 0
                                        }
                                    });
                                    if(this_count_stock > 0){
                                        stock_html = `<h5 class="card-title text-danger pl-2"><small>Stock: Available</small></h5>`;
                                    }else{
                                        color_card_stock = 'border-danger';
                                        stock_html = `<h5 class="card-title text-danger pl-2"><small>Stock: Out of stock</small></h5>`;
                                    }
                                }
                                let list_menus =
                                `
                                    <div id="tombolMenu" class="card m-2 ${color_card_stock}" style="width: 150px; cursor:pointer;" onclick="insertToCart(${value.id}, '${escape(value.nama)}', ${value.harga}, ${value.tipe_menu_id})">
                                        <img src="${value.gambar ? '/'+value.gambar : assets}"
                                            class="mr-2 card-img-top img-thumbnail" style="height:10rem; object-fit:cover;">
                                            <h5 class="card-title pl-2">${value.nama ? value.nama: ''}</h5>
                                            ${stock_html}
                                            <p class="card-text pl-2 mb-2">${value.harga ? 'Rp.'+formatRibuanComma(value.harga) :'Rp. 0'}</p>
                                    </div>
                                `;
                                $('#menu_list_id').append(list_menus);
                        });
                    }

                }
            }
        });

        }else{

            let custom_menus =`<div class="card m-2 bg-warning" style="width: 150px; cursor:pointer;"
                                    onclick="customMenu(1)"
                                    >
                                    <div class="card-body text-center font-weight-bolder">
                                        <div class="card-title p-3 mt-4">
                                            <i class="fas fa-utensils fa-lg"></i>
                                            <h5 style="font-weight:bold; white-space: nowrap;"> Food </h5>
                                        </div>
                                    </div>
                                </div>
                                <div class="card m-2 bg-warning" style="width: 150px; cursor:pointer;"
                                    onclick="customMenu(2)"
                                    >
                                    <div class="card-body text-center font-weight-bolder">
                                        <div class="card-title p-3 mt-4">
                                            <i class="fas fa-coffee fa-lg"></i>
                                            <h5 style="font-weight:bold; white-space: nowrap;"> Beverages </h5>
                                        </div>
                                    </div>
                                </div>
                                <div class="card m-2 bg-warning" style="width: 150px; cursor:pointer;"
                                    onclick="customMenu(3)"
                                    >
                                    <div class="card-body text-center font-weight-bolder">
                                        <div class="card-title p-3 mt-4">
                                            <i class="fas fa-cogs fa-lg"></i>
                                            <h5 style="font-weight:bold; white-space: nowrap;"> Other </h5>
                                        </div>
                                    </div>
                                </div>
            `;

            if (shop_condition == 1){
                $('#table_list_id').empty();
                $('#table_list_id').append(custom_menus);
            }else if(shop_condition == 2){
                $('#menu_list_id').append(custom_menus);
            }
        }
    }

    //function updater nama pelanggn
    function orderNameCart(nama){
        // var shift_value = $('#hidden_shift_id').val();
        let shift_id = $('#hidden_shift_id').val() ?? shift.id;
        if (shop_condition == 2) {
            let cartresto_id = $('#hidden_cart_id').val();
            let shop_id = $('#hidden_shop_id').val()
            $.ajax({
                type : 'POST',
                data:{
                        _token: '{{csrf_token()}}',
                        id : cartresto_id,
                        nama : nama,
                        shop_id : shop_id,
                        shift_id : shift_id,
                    },
                url : "{{ url('order-namapelanggan-resto') }}",
                success: function (data){

                    window.location.href = "{{url('index-pos')}}/?s="+shop_id+"&c="+cartresto_id+"&t="+data.table_id;

                    // if (!data.waktu_order) {
                    //     $('#theme_meja_'+data.table_id).attr('class', 'card bg-warning')
                    // }
                    // $('#nama_pelanggan_meja_'+data.table_id).html(nama);
                }
            })
        }else{
            return false;
        }
    }

    //OnClick Insert to Cart
    function insertToCart(menu_id, menu, harga, tipe){

        menu = unescape(menu)

        if(document.getElementById('order_draft_id_'+menu_id)){

            //Defining item
            var total_biaya = document.getElementById('total_biaya'+menu_id);
            var text = document.getElementById('text_total_biaya'+menu_id);

            if (document.getElementById('qty'+menu_id)){

                var jumlahnya = document.getElementById('qty'+menu_id);
                jumlahnya.value ++;

                $('#qty'+menu_id).val(jumlahnya.value);

                // delete previous value
                    grand_total -= Number(total_biaya.value);
                    total_biaya.value -= Number(total_biaya.value);

                // hitungan harga
                    total_biaya.value = Number(harga) * Number(jumlahnya.value);

                    //subtotal
                    grand_total +=  Number(total_biaya.value);

                    //service charge
                    // service_charge = Number(sub_total * services / 100);

                    // //ppn_charge
                    // ppn_charge = Number( (sub_total + service_charge) * ppn /100);

                    // //grand total
                    // grand_total = Number( sub_total + ppn_charge + service_charge );

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

                console.log( total_biaya.value, sub_total, ppn_charge, service_charge, grand_total);

                // $(text).html('Rp. '+Number(total_biaya.value).toLocaleString('ID'));
                $(text).html('Rp. '+formatRibuanComma(Number(total_biaya.value)));
                // $('#chek_in_id').html('Masukkan Ke Tagihan Kamar - Rp. '+grand_total.toLocaleString('ID'));

                $('#alert-payment').attr('style', 'display:none;')

                priceHtmlOperator(sub_total, ppn_charge, service_charge, grand_total);
            }

        }else{

            //hitungan harga

                //sub total
                grand_total +=  Number(harga * new_qty);

                // //service charge
                // service_charge = Number( sub_total * services / 100 );

                // //ppn_charge
                // ppn_charge = Number( (sub_total + service_charge) * ppn /100);

                // //grand total
                // grand_total = Number( sub_total + ppn_charge + service_charge );

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

                priceHtmlOperator(sub_total, ppn_charge, service_charge, grand_total);

                hidden_jmlh_harga = (harga) * new_qty;

            let jenis_kamar_options = $('#order_draft_id_').html();
            let html = `<div data-idx="${menu_id}" id ="order_draft_id_${menu_id}" class="d-flex flex-wrap align-content-center" style="margin-top:10px">

                                    <input name="menu_id[]" id="id${menu_id}" data-idx="${menu_id}" type="hidden" value="${menu_id}" readonly>
                                    <input name="tipe_menu_id[]" id="tipe_menu_id${menu_id}" data-idx="${menu_id}" type="hidden" value="${tipe}" readonly>
                                    <input name="total_biaya[]" id="total_biaya${menu_id}" data-idx="${menu_id}" class="form-control" type="hidden" value="${harga}" readonly>

                                    <div class="col-sm-4 col-form-label">
                                        <span title="${menu}">${(menu)}.</span>
                                    </div>

                                    <div class="col-sm-4 d-flex align-content-start flex-wrap">
                                        <button class="btn btn-sm decrement-btn" type="button" onclick="addOrSubstract('#qty${menu_id}', '-')">
                                            <i class="fas fa-minus"></i>
                                        </button>
                                        <div class="col-sm-5">
                                            <input style="width:100%" name="jumlah[]" id="qty${menu_id}" data-idx="${menu_id}" class="form-control qty_item text-center" type="number" value="1" onchange="changeQty(${menu_id}, '${escape(menu)}', ${harga})">
                                        </div>
                                        <button class="btn btn-sm increment-btn" type="button" onclick="addOrSubstract('#qty${menu_id}', '+')">
                                            <i class="fas fa-plus"></i>
                                        </button>
                                    </div>

                                    <div class="col-sm-3 col-form-label" style="text-align:right;">
                                        <span class="" id ="text_total_biaya${menu_id}" style="font-size:12px;" title="${formatRibuanComma(harga)}">Rp. ${formatRibuanComma(harga)}</span>
                                    </div>

                                    <div class="col-sm-1" style="text-align:right">
                                        <button type="button" onclick="removeOrder(${menu_id}, ${harga})" class="btn btn-danger btn-sm rounded-sm">
                                            <i class="fas fa-times-circle"></i>
                                        </button>
                                    </div>
                            </div>`;
            new_idx++;
            row_number++;

            // var tPay = document.getElementById('total_payment').value;
            // checkPayment(tPay);

            $('#fieldset_cart_modal').append(html);

            // $('#chek_in_id').html('Masukkan Ke Tagihan Kamar - Rp.'+grand_total.toLocaleString('ID'));
            // $('#bayar_id').html('Total - Rp.'+grand_total.toLocaleString('ID'));
            $('#bayar_id').html('Total - Rp.'+formatRibuanComma(grand_total));

            // Status Lock
            let status = $('#kamar_id').find(':selected').data('status_lock')

            // if (new_idx > 1 && status != 1) {
            //     $('#chek_in_id').removeAttr('disabled');

            // }else{
            //     $('#chek_in_id').attr('disabled', 'disabled');
            // }
        }

    }

    //Cek Pembayaran/Payment value
    function checkPayment(){

        let nominal = 0;
        $('.nominal_input').each(function(index){
            nominal += Number((this.value).replaceAll(".","")) ;
            // console.log(this.value);
        });

        // paymentInput_1
        var carded = document.getElementById('card_number_input2');
        var payment = $('#total_payment_pos').val();

        // if(carded){

        //     $('#btn_deal_pos').removeAttr('disabled').attr('class', 'btn col-md-12 bg-primary');

        // }else

        if (grand_total > 1 && nominal > 1){
            if (nominal >= grand_total) {
                $('#btn_deal_pos').removeAttr('disabled').attr('class', 'btn col-md-12 bg-primary');
            }else{
                $('#btn_deal_pos').attr('disabled', 'disabled').attr('class', 'btn col-md-12 bg-danger');
            }
        }else{

            console.log( nominal >= grand_total);

            if (nominal >= grand_total && nominal != '0') {
                $('#btn_deal_pos').removeAttr('disabled').attr('class', 'btn col-md-12 bg-primary');
                return false;
            }else{
                $('#btn_deal_pos').attr('disabled', 'disabled').attr('class', 'btn col-md-12 bg-danger');
                return false;
            }

            $('#btn_deal_pos').attr('disabled', 'disabled').attr('class', 'btn col-md-12 bg-danger');
        }

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

    }

    // check Supervisor
    function submitCheckQty(params) {

        let username = $('#username_supervisor').val();
        let password = $('#password_supervisor').val();

        $.ajax({
            type: "post",
            url: "{{ route('change_qty_min.pos') }}",
            data: {
                _token  : '{{csrf_token()}}',
                username:username,
                password:password
            },
            dataType: "json",
            success: function (res) {
                if (res.isAuthorized == 1) {

                    new PNotify({
                        title: 'Success',
                        text: res.text,
                        icon: 'icon-checkmark3',
                        type: 'success'
                    });

                    // condition
                    if (shop_condition == 1) {
                        $('#modal_theme_danger').modal('hide');
                        $('#modal_pembayaran').modal('show');
                    }else{
                        // submit
                        $('#save_item_form').submit()
                    }

                    // $('#modal_theme_danger').modal('hide')

                    // // copied changeQty
                        //     let menu_id       = $('#id_menu_check_qty').val()
                        //     let harga         = $('#harga_menu_check_qty').val()
                        //     let menu          = $('#menu_check_qty').val()
                        //     //Defining item
                        //     var valueqty = document.getElementById('qty'+menu_id).value;
                        //     var total_biaya = document.getElementById('total_biaya'+menu_id);
                        //     var text = document.getElementById('text_total_biaya'+menu_id);

                        //     //delete previous value
                        //     sub_total -= Number(total_biaya.value);
                        //     total_biaya.value -= Number(total_biaya.value);

                        //     //hitungan harga
                        //     total_biaya.value = (harga * valueqty);

                        //     //sub total
                        //     sub_total += Number(total_biaya.value);

                        //     //service charge
                        //     service_charge = Number(sub_total * services / 100);

                        //     //ppn_charge
                        //     ppn_charge = Number( (sub_total + service_charge) * ppn /100);

                        //     //grand total
                        //     grand_total = Number( sub_total + ppn_charge + service_charge );

                        //     $(text).html('Rp. '+Number(total_biaya.value).toLocaleString('ID'));

                        //     priceHtmlOperator(sub_total, ppn_charge, service_charge, grand_total);

                        //     $('#alert-payment').attr('style', 'display:none;')

                        //     // just for non resto
                        //     if (shop_condition == 1) {
                        //         console.log('test');
                        //         $('#html_qty_review_'+menu_id).html(valueqty);
                        //         $('#html_biaya_review_'+menu_id).html('Rp. '+Number(total_biaya.value).toLocaleString('ID'));

                        //         // for hidden input split bill Non Resto
                        //         $('#qty_input_split_'+menu_id).val(valueqty);
                        //         $('#price_input_split_'+menu_id).val(total_biaya.value);
                        //         $('#price_piece_input_split_'+menu_id).val(harga);
                        //     }

                        //     console.log('adadadad')
                    // // copied changeQty

                }else{

                    // let id       = $('#id_menu_check_qty').val()
                    // let prev_qty = $('#prev_qty'+id).val()
                    // $('#qty'+id).val(prev_qty).trigger('change')

                    new PNotify({
                        title: 'Error',
                        text:  res.text,
                        icon: 'icon-blocked',
                        type: 'error'
                    });

                    return false

                }
            }
        });
    }

    // cancel check supervisor
    function cancelSubmitQty(){
        let id       = $('#id_menu_check_qty').val()
        let prev_qty = $('#prev_qty'+id).val()
        $('#qty'+id).val(prev_qty).trigger('change')
        $('#modal_theme_danger').modal('hide')
    }

    function cancelDelete(){
        $('#modal_verif_delete').modal('hide')
    }

    function confirmDeleteWithoutVerif(){
        $('#form-remove-item').submit()
    }

    // check Supervisor before  delete
    function confirmDelete(params) {

        let username = $('#username_supervisor_verif_delete').val();
        let password = $('#password_supervisor_verif_delete').val();

        $.ajax({
            type: "post",
            url: "{{ route('change_qty_min.pos') }}",
            data: {
                _token  : '{{csrf_token()}}',
                username:username,
                password:password
            },
            dataType: "json",
            success: function (res) {
                if (res.isAuthorized == 1) {

                    new PNotify({
                        title: 'Success',
                        text: res.text,
                        icon: 'icon-checkmark3',
                        type: 'success'
                    });

                    $('#form-remove-item').submit()

                }else{

                    new PNotify({
                        title: 'Error',
                        text:  res.text,
                        icon: 'icon-blocked',
                        type: 'error'
                    });

                    return false

                }
            }
        });
    }

    // cancel check supervisor
    function cancelSubmitQty(){
        // $('#modal_verif_delete').modal('hide')

        let id       = $('#id_menu_check_qty').val()
        let prev_qty = $('#prev_qty'+id).val()
        $('#qty'+id).val(prev_qty).trigger('change')
        $('#modal_theme_danger').modal('hide')
    }

    //onchange qty
    function changeQty(menu_id, menu, harga){

        menu = unescape(menu)

        //Defining item
        var valueqty = document.getElementById('qty'+menu_id).value;
        var total_biaya = document.getElementById('total_biaya'+menu_id);
        var text = document.getElementById('text_total_biaya'+menu_id);

        // jika value < 1 call modal
        checkQtyMin()

        //delete previous value
        grand_total -= Number(total_biaya.value);
        total_biaya.value -= Number(total_biaya.value);

        // console.log(grand_total, jmlharga.value);
        // // jmlharga.value = parseInt(((menu.harga)+(menu.harga*10/100))) * parseInt(jumlahnya.value);

        //hitungan harga
        total_biaya.value = (harga * valueqty);

        //sub total
        grand_total += Number(total_biaya.value);

        //service charge
        // service_charge = Number(sub_total * services / 100);

        // //ppn_charge
        // ppn_charge = Number( (sub_total + service_charge) * ppn /100);

        // //grand total
        // grand_total = Number( sub_total + ppn_charge + service_charge );

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

        // console.log(
        //     'idx:'+idx,
        //     'Harga:'+harga,
        //     'TotalHtml:'+grand_total,
        //     'Qty:'+valueqty,
        //     'JmlHarga:'+jmlharga.value)

        // var tPay = document.getElementById('total_payment').value;
        // checkPayment(tPay);

        // $(text).html('Rp. '+Number(total_biaya.value).toLocaleString('ID'));
        $(text).html('Rp. '+formatRibuanComma(Number(total_biaya.value)));
        // $('#chek_in_id').html('Masukkan Ke Tagihan Kamar - Rp. '+grand_total.toLocaleString('ID'));
        // $('#bayar_id').html('Total - Rp. '+grand_total.toLocaleString('ID'));

        priceHtmlOperator(sub_total, ppn_charge, service_charge, grand_total);

        $('#alert-payment').attr('style', 'display:none;')

        // just for non resto
        if (shop_condition == 1) {
            console.log('test');
            $('#html_qty_review_'+menu_id).html(valueqty);
            // $('#html_biaya_review_'+menu_id).html('Rp. '+Number(total_biaya.value).toLocaleString('ID'));
            $('#html_biaya_review_'+menu_id).html('Rp. '+formatRibuanComma(Number(total_biaya.value)));

             // for hidden input split bill Non Resto
            $('#qty_input_split_'+menu_id).val(valueqty);
            $('#price_input_split_'+menu_id).val(total_biaya.value);
            $('#price_piece_input_split_'+menu_id).val(harga);
        }
    }

    // Add or Substract item
    function addOrSubstract(element, operator) {
        // Defined element
        let value = $(element).val()
            value = parseInt(value)

        // check operator
        if (operator == '-') {
            value--
            $(element).val(value).trigger('change')
        }
        else if(operator == '+') {
            value++
            $(element).val(value).trigger('change')
        }
    }

    //Delete order in cart
    function removeOrder(menu_id, harga){

        //Defining item
        var total_biaya = document.getElementById('total_biaya'+menu_id);

        console.log(total_biaya.value)

        //sub total
        grand_total -= Number(total_biaya.value);

        // //service charge
        // service_charge = Number(sub_total * services / 100);

        // //ppn_charge
        // ppn_charge = Number( (sub_total + service_charge) * ppn /100);

        // //grand total
        // grand_total = Number( sub_total + ppn_charge + service_charge );

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

        // var tPay = document.getElementById('total_payment').value;
        // checkPayment(tPay);

        // $('#bayar_id').html('Total - Rp. '+grand_total.toLocaleString('ID'));
        $('#bayar_id').html('Total - Rp. '+formatRibuanComma(grand_total));
        // $('#chek_in_id').html('Masukkan Ke Tagihan Kamar - Rp. '+grand_total.toLocaleString('ID'));

        // status lock
        let status = $('#kamar_id').find(':selected').data('status_lock')

        $('#order_draft_id_'+menu_id).remove();

        new_idx--;
        row_number--;

            // if (new_idx == 1) {
            //     $('#chek_in_id').attr('disabled', 'disabled')
            // }else{
            //     if (status != 1) {
            //         $('#chek_in_id').removeAttr('disabled');
            //     }else{
            //         $('#chek_in_id').attr('disabled', 'disabled')
            //     }
            // }

            console.log(sub_total, ppn_charge, service_charge, grand_total)

        priceHtmlOperator(sub_total, ppn_charge, service_charge, grand_total);
        checkQtyMin()
    }

    //Delete Cart Prototype
    function deleteCartitem(id, menu_id, harga){
        $.ajax({
                type: 'get',
                url: "{{ url('/delete-item-cart')}}/"+id,
                success: function (data) {
                    removeOrder(menu_id, harga);
                }
        })
    }

    //Remove Item di pembayaran
    function removeItemPembayaran(id){
        event.preventDefault();
        // $('#modal_verif_delete').modal('show')
        $('#modal_confirm_remove_item_pembayaran').modal('show')
        $('#remove_item_pembayaran_shop_transaction_id').val(id)
    }

    // verify before delete item
    function openModalVerif(){
        $('#modal_verif_delete').modal('show')
    }

    // function custom menu
    let custommenu_id = 1;
    function customMenu(tipe_kategori){
        var c_idshop = $('#hidden_shop_id').val();
        var check = true;
        $.ajax({
            type: "get",
            url: "{{url('check-custom-coa')}}",
            data: {shopid:c_idshop, kategori:tipe_kategori},
            dataType: "json",
            async: false,
            success: function (response) {
                if (response) {
                    callModalAlert('Default COA custom menu belum terisi, silahkan isi terlebih dahulu!')
                    check = false;
                    return 'out'
                }
                return 'out'
            },
            error: function(xhr, status, error) {
                callModalAlert('Default COA custom menu belum terisi, silahkan isi terlebih dahulu!')
                check = false
                return 'out'
            }
        });

        console.log(check)

        if (check) {
        if (shop_condition == 1) {

            let html = `
                    <div id="order_draft_custom_id_${custommenu_id}" class="ini_draft_custom_${custommenu_id}  d-flex flex-wrap align-content-center" style="margin-top:5px;">

                        <input id="cache_total_biaya_custom${custommenu_id}" type="hidden" value="0" disabled>
                        <input name="custom_tipe_kategori[${custommenu_id - 1}]" type="hidden" value="${tipe_kategori}">

                        <div class="col-sm-4" style="padding:0px">
                            <input id="menu_id${custommenu_id}" style="width:100%;" name="keterangan_custom[${custommenu_id - 1}]" class="form-control" type="text" onchange="inputCustomMenuPrice(${custommenu_id}, this.value, 'keterangan')" placeholder="Menu name..." required>
                        </div>

                        <div class="col-sm-4 d-flex align-content-start flex-wrap m-0 p-0">
                            <button class="col-sm-2 btn btn-sm decrement-btn" type="button" onclick="addOrSubstract('#qty_custom${custommenu_id}', '-')">
                                <i class="fas fa-minus"></i>
                            </button>
                            <div class="col-sm-7">
                                <input id="qty_custom${custommenu_id}" style="width:100%;" name="jumlah_custom[${custommenu_id - 1}]" class="form-control qty_item text-center" type="number" min="1" value="1" onchange="inputCustomMenuPrice(${custommenu_id}, this.value, 'jumlah')" placeholder="qty..." required>
                            </div>
                            <button class="col-sm-2 btn btn-sm increment-btn" type="button" onclick="addOrSubstract('#qty_custom${custommenu_id}', '+')">
                                <i class="fas fa-plus"></i>
                            </button>
                        </div>

                        <div class="col-sm-3 p-0">
                            <input id="total_biaya_custom${custommenu_id}" style="width:100%; text-align:right;" name="total_biaya_custom[${custommenu_id - 1}]" class="form-control" type="number" onchange="inputCustomMenuPrice(${custommenu_id}, this.value, 'harga')" placeholder="price per item..." required>
                        </div>

                        <div class="col-sm-1">
                            <button type="button" onclick="removeCustomOrder(${custommenu_id}, '')" class="btn btn-danger btn-sm">
                                <i class="fas fa-times-circle"></i>
                            </button>
                        </div>

                        <br>

                        <div class="col-sm-4 mt-1" style="padding:0px;">
                            <input id="cost_complimentary_custom${custommenu_id}" name="cost_complimentary_custom[]" class="form-control" type="text" placeholder="cost complimentary (%)" required>
                        </div>

                        {{--
                        <br>

                        <div class="col-sm-4 px-1">
                             <div class="col-sm mt-1" style="padding:0px;">
                                <select id="coa_id_custom_NON${custommenu_id}" name="coa_id_custom[${custommenu_id - 1}]" style="width:120%;" class="form-control coa_id_custom_select2 border-1 border-red">
                                    <option value="">-- select COA --</option>
                                    @foreach($coas as $coa)
                                        <option value="{{$coa->id}}">({{$coa->account_no}}) {{ $coa->description }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="col-sm-4 mt-1" style="padding:0px">
                            &nbsp;
                        </div>

                        <div class="col-sm-3 mt-1 col-form-label" style="text-align:right;">
                            <span id="total_price_custom${custommenu_id}" style="font-size:12px;">0</span>
                        </div>

                        <div class="col-sm-1">&nbsp;</div>
                        --}}
                    </div>
            `;
            // <input id="coa_id_custom_NON${custommenu_id}" name="coa_id_custom[${custommenu_id - 1}]" type="hidden" value="">
            // <button type="button" style="padding:3px;" onclick="setCOAcustom(${custommenu_id})" class="btn btn-warning btn-sm rounded-sm col-sm-1">
            //     <i class="fas fa-clipboard-list"></i>
            // </button>

            let item_name = ''

            if (tipe_kategori == 1) {
                item_name = 'Food'
            }else if(tipe_kategori == 2){
                item_name = 'Beverage'
            }else if(tipe_kategori == 3){
                item_name = 'Other'
            }

            let draft = `
                <div class="ini_draft_custom_${custommenu_id}">
                    <div id="order_draft_custom_id_${custommenu_id}" class="list-group-item list-group-item-action d-flex bd-highlight border-bottom" >
                        <span class="flex-fill col-sm-1"><input type="checkbox" name="check[${custommenu_id}]" id="check_${custommenu_id}" value="${no_idx}" data-idx="tester" checked></span>
                            <input id="Cdescription_input_split_${custommenu_id}"  type="hidden" name="description[${custommenu_id}]" value="">
                            <input id="Cqty_input_split_${custommenu_id}" type="hidden" name="qty[${custommenu_id}]" value="1">
                            <input id="Cprice_input_split_${custommenu_id}" type="hidden" name="price[${custommenu_id}]"value="0">
                            <input id="Cprice_piece_input_split_${custommenu_id}" type="hidden" name="price_piece[${custommenu_id}]" value="0">
                            <input id="diskon_${custommenu_id}" type="hidden" name="diskon[${custommenu_id}]" value="0">
                            <input name="custom_tipe_kategori[]" type="hidden" value="${tipe_kategori}">

                            <span id ="Chtml_description_${custommenu_id}" class="flex-fill col-sm-3">${item_name}</span>
                            <span id ="Chtml_qty_review_${custommenu_id}"  class="flex-fill col-sm-2" style="text-align:right;">1</span>
                            <span id ="diskon_${custommenu_id}"  class="flex-fill col-sm-3" style="text-align:right;">Rp. 0</span>
                            <span id ="Chtml_biaya_review_${custommenu_id}" class="flex-fill col-sm-3" style="font-size:12px; text-align:right;">0</span>

                    </div>
                </div>
                    `;

            $('#fieldset_cart').append(html);
            $('#review_carts').append(draft);
            $('.coa_id_custom_select2').select2({ width: '100%' });
        }else if(shop_condition ==2 ){
            let html = `<div id="order_draft_custom_id_${custommenu_id}" class="d-flex flex-wrap align-content-center" style="margin-top:10px;">

                            <div class="col-sm-4" style="text-align:left;padding:0px">
                                <input id="menu_id${custommenu_id}" name="keterangan_custom[]" class="form-control" type="text" placeholder="menu name..." required>
                            </div>
                            <div class="col-sm-4 d-flex align-content-start flex-wrap">
                                <button class="btn btn-sm decrement-btn" type="button" onclick="addOrSubstract('#qty_custom${custommenu_id}', '-')">
                                    <i class="fas fa-minus"></i>
                                </button>
                                <div class="col-sm-5">
                                    <input id="qty_custom${custommenu_id}" style="width:100%" name="jumlah_custom[]" class="form-control qty_item text-center" type="number" min="1" onchange="inputCustomMenuPrice(${custommenu_id}, this.value )" placeholder="qty..." value="1" required>
                                </div>
                                <button class="btn btn-sm increment-btn" type="button" onclick="addOrSubstract('#qty_custom${custommenu_id}', '+')">
                                    <i class="fas fa-plus"></i>
                                </button>
                            </div>
                            <div class="col-sm-3" style="text-align:right">
                                <input id="total_biaya_custom${custommenu_id}" name="total_biaya_custom[]" class="form-control" style="text-align:right;" type="number" onchange="inputCustomMenuPrice(${custommenu_id}, this.value )" placeholder="price per item..." required>
                            </div>
                            <input id="cache_total_biaya_custom${custommenu_id}" type="hidden" value="0" disabled>
                            <input name="custom_tipe_kategori[]" type="hidden" value="${tipe_kategori}">

                            <div class="col-lg-1" style="text-align:right">
                                <button type="button" onclick="removeCustomOrder(${custommenu_id}, '')" class="btn btn-danger btn-sm rounded-sm">
                                    <i class="fas fa-times-circle"></i>
                                </button>
                            </div>

                            <br>

                            <div class="col-sm-4 mt-1" style="padding:0px;">
                                <input id="cost_complimentary_custom${custommenu_id}" name="cost_complimentary_custom[]" class="form-control" type="text" placeholder="cost complimentary (%)" required>
                            </div>

                            {{--
                            <br>

                            <div class="col-sm-4 mt-1" style="padding:0px;">
                               <select id="coa_id_custom" name="coa_id_custom[]" class="form-control coa_id_custom_select2">
                                    <option value="">-- select COA --</option>
                                    @foreach($coas as $coa)
                                        <option value="{{$coa->id}}">({{$coa->account_no}}) {{ $coa->description }}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="col-sm-4 mt-1" style="padding:0px">
                                &nbsp;
                            </div>

                            <div class="col-sm-3 mt-1 col-form-label" style="text-align:right;">
                                <span id="total_price_custom${custommenu_id}" style="font-size:12px;">0</span>
                            </div>

                            <div class="col-sm-1">&nbsp;</div>

                            --}}

                        </div>
                        `;

            $('#fieldset_cart_modal').append(html);
            $('.coa_id_custom_select2').select2({ width: '100%' });
        }

        custommenu_id++;

        // <select id="coa_id_custom" name="coa_id_custom[]" class="form-control coa_id_custom_select2">
        //         <option value="">-- select COA --</option>
        //         @foreach($coas as $coa)
        //             <option value="{{$coa->id}}">({{$coa->account_no}}) {{ $coa->description }}</option>
        //         @endforeach
        // </select>

        FormValidation.init();
        }
    }

    $('#complimentary_checkbox').click(function() {
        let complimentary_checked = $(this).is(':checked')
        let kamar_checked = $('#in_house').is(':checked')
        let complimentary_value = $('#complimentary').find(':selected').val()

        if (complimentary_checked) {
            $('#field_kamar').hide();
            $('#complimentary').attr('disabled', false)
            $('#field_kartu_debit').hide()

            let complimentary_name = $('#complimentary').find(':selected').data('name')
            let complimentary_id = $('#complimentary').find(':selected').val()

            if (kondisiCarts < 1) {
                $('#btn_deal_pos').removeClass('bg-danger').addClass('bg-primary').attr('disabled', true)
            } else {
                if (complimentary_id != '') {
                    $('#btn_deal_pos').removeClass('bg-danger').addClass('bg-primary').attr('disabled', false)
                }else{
                    $('#btn_deal_pos').removeClass('bg-danger').addClass('bg-primary').attr('disabled', true)
                }
            }

            $('#pelanggan').attr('disabled', true)
            $('#complimentary_name').attr('disabled', false)
            $('#complimentary_id').attr('disabled', false)
            $('#complimentary_name').val(complimentary_name)
            $('#complimentary_id').val(complimentary_id)

            let totalForComplimentary = 0;
            let sub_total_complimentary = sub_total;

            if (shop_condition == 2) {
                for (let i = 1; i <= kondisiCarts; i++) {
                    let costComplimentary = $('[name="cost_complimentary['+i+']"]').val();
                    let menuId = $('[name="cost_complimentary['+i+']"]').data('menu_id');
                    let price = $('[name="price['+i+']"]').val();


                    totalForComplimentary = price - (price * costComplimentary/100);

                    // sub total di kurangi harga menu untuk jaga jaga jika ada custom menu
                    sub_total_complimentary -= price

                    sub_total_complimentary += totalForComplimentary;

                    // $('.text_total_biaya'+menuId).text('Rp. '+Number(totalForComplimentary).toLocaleString('ID'))
                    $('.text_total_biaya'+menuId).text('Rp. '+formatRibuanComma(Number(totalForComplimentary)))
                }
            }else if(shop_condition == 1){
                let idMenus = $('[name="menu_id_non_resto[]"]');

                $.each(idMenus, function(key, val){
                    let costComplimentary = $(val).data('cost_complimentary');
                    let menuId = $(val).val();
                    let price = $('#price_input_split_'+menuId).val();
                    console.log(costComplimentary)

                    totalForComplimentary = price - (price * costComplimentary/100);

                    // sub total di kurangi harga menu untuk jaga jaga jika ada custom menu
                    sub_total_complimentary -= price
                    sub_total_complimentary += totalForComplimentary;

                    $('#html_biaya_review_'+menuId).text('Rp. '+formatRibuanComma(Number(totalForComplimentary)))
                });
            }

            priceHtmlOperator(sub_total_complimentary, 0, 0, sub_total_complimentary)

            $('#bayar_id').text('Total - Rp. 0')
            // $('#chek_in_id').text('Masukkan Ke Tagihan Kamar - Rp. 0')

			//Hide field tranfer bill dan disabled
			$('#transfer_nonstay_folio').removeAttr('checked');
			$('#folio_dummy_id').attr('disabled', 'disabled');
			$('#field_transfer_bill').hide();

            //Metode Roomservice dihidden dan field didisable
            $('#field_room_service').hide();
            $('#room_service_checkbox').attr('disabled', 'disabled');
            $('#room_service_checkbox').removeAttr('checked');
            $('#room_service').attr('disabled', 'disabled');

			//Metode Ledger di hidden dan field didisable
			$('#field_ledger').hide();
			$('#ledger_checkbox').attr('disabled', 'disabled');
			$('#ledger_checkbox').removeAttr('checked');
			$('#ledger_id').attr('disabled', 'disabled');

            //Hide tombol shortcut nominal mata uang
			$('#con_button_nominal').hide();

            //Hide Layar Nominal Pembayaran
            $('#nominal_pembayaran').hide();

            //Hide Numpad
            $('#container_modal_cash').hide();

        }else{
            $('#complimentary').attr('disabled', true)
            // $('#field_kamar').show();

			// $('#field_kartu_debit').show()

            $('#grand_total_pos').attr('disabled', false)
            $('#sub_total_pos').attr('disabled', false)
            $('#total_payment_pos_complimentary').attr('disabled', true)
            $('#grand_total_pos_complimentary').attr('disabled', true)
            $('#sub_total_pos_complimentary').attr('disabled', true)

            $('#total_payment_pos').attr('disabled', false)
            let payment = $('#total_payment_pos').val();

            if (payment <= grand_total) {
                if (payment == '') {
                    $('#btn_deal_pos').removeClass('bg-danger').addClass('bg-primary').attr('disabled', true)
                }else{
                    $('#btn_deal_pos').removeClass('bg-primary').addClass('bg-danger').attr('disabled', true)
                }
            } else {
                $('#btn_deal_pos').removeClass('bg-danger').addClass('bg-primary').attr('disabled', false)
            }

            $('#pelanggan').attr('disabled', false)
            $('#complimentary_name').attr('disabled', true)
            $('#complimentary_id').attr('disabled', true)
            $('#coa_id').attr('disabled', true)

            let totalForComplimentary = 0;

            if (shop_condition == 2) {
                for (let i = 1; i <= kondisiCarts; i++) {
                    let menuId = $('[name="cost_complimentary['+i+']"]').data('menu_id');
                    let price = $('[name="price['+i+']"]').val();


                    $('.text_total_biaya'+menuId).text('Rp. '+formatRibuanComma(Number(price)))
                }
            }else if(shop_condition == 1){
                let idMenus = $('[name="menu_id_non_resto[]"]');

                $.each(idMenus, function(key, val){
                    let menuId = $(val).val();
                    let price = $('#price_input_split_'+menuId).val();

                    $('#html_biaya_review_'+menuId).text('Rp. '+formatRibuanComma(Number(price)))
                });
            }

            priceHtmlOperator(sub_total, ppn_charge, service_charge, grand_total)

            $('#bayar_id').text('Total - Rp. '+grand_total)
            // $('#chek_in_id').text('Masukkan Ke Tagihan Kamar - Rp. '+grand_total)

			//Show Field transfer bill
			// $('#field_transfer_bill').show();

            //Metode Roomservice Dishow dan field dienable
            // $('#field_room_service').show();
            // $('#room_service_checkbox').removeAttr('disabled');

			//Metode Ledger Dishow dan field dienable
            // $('#field_ledger').show();
            // $('#ledger_checkbox').removeAttr('disabled');

            //Show tombol shortcut nominal mata uang
			// $('#con_button_nominal').show();

            //Show Layar Nominal Pembayaran
            // $('#nominal_pembayaran').show();

            //Show Numpad
            // $('#container_modal_cash').show();
        }
    })

    $('#complimentary').change(function(){
        let complimentary_name  = $(this).find(':selected').data('name')
        let complimentary_id    = $(this).find(':selected').val()
        let coa_select          = $('#coa_select_compliment').val()

        $('#complimentary_name').val(complimentary_name)
        $('#complimentary_id').val(complimentary_id)
        $('#coa_id').val(coa_select)

        if (complimentary_id != '') {
            $('#btn_deal_pos').removeClass('bg-danger').addClass('bg-primary').attr('disabled', false)
        }else{
            $('#btn_deal_pos').removeClass('bg-danger').addClass('bg-primary').attr('disabled', true)
        }
    })

    $('#coa_select_compliment').change(function() {
        let coa_select          = $('#coa_select_compliment').val()
        $('#coa_id').val(coa_select)
    })

    function inputCustomMenuPrice(custom_id, value, identifier){
        if (shop_condition == 1) {
            checkQtyMin()
            if (identifier == 'keterangan') {
                $('#Chtml_description_'+custom_id).html(value);
                $('#Cdescription_input_split_'+custom_id).val(value);
            // }else if (identifier == 'jumlah') {
            //     $('#Chtml_qty_review_'+custom_id).html(value);
            //     $('#Cqty_input_split_'+custom_id).val(value);
            }else if (identifier == 'harga' || identifier == 'jumlah'){
                var cache = document.getElementById('cache_total_biaya_custom'+custom_id);
                var custom_qty = document.getElementById('qty_custom'+custom_id);
                var custom_value = document.getElementById('total_biaya_custom'+custom_id);
                console.log(custom_value.value);
                //delete previous value
                grand_total -= Number(cache.value);

                //sub total
                grand_total +=  Number(custom_value.value * custom_qty.value);

                $('#total_price_custom'+custom_id).html(formatRibuanComma(custom_value.value * custom_qty.value));

                // //service charge
                // service_charge = Number(sub_total * services / 100);

                // //ppn_charge
                // ppn_charge = Number( (sub_total + service_charge) * ppn /100);

                // //grand total
                // grand_total = Number( sub_total + ppn_charge + service_charge );

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

                $('#cache_total_biaya_custom'+custom_id).val(custom_value.value * custom_qty.value);
                $('#Chtml_biaya_review_'+custom_id).html('Rp. '+formatRibuanComma(Number(custom_value.value * custom_qty.value)));
                $('#Cprice_input_split_'+custom_id).val(custom_value.value * custom_qty.value);

                priceHtmlOperator(sub_total, ppn_charge, service_charge, grand_total);
            }

        }else if (shop_condition == 2) {
            var cache = document.getElementById('cache_total_biaya_custom'+custom_id);
            var custom_qty = document.getElementById('qty_custom'+custom_id);
            var custom_value = document.getElementById('total_biaya_custom'+custom_id);
            checkQtyMin()
                //delete previous value
                grand_total -= Number(cache.value);

                //sub total
                grand_total +=  Number(custom_value.value * custom_qty.value);

                $('#total_price_custom'+custom_id).html(formatRibuanComma(custom_value.value * custom_qty.value));

                // //service charge
                // service_charge = Number(sub_total * services / 100);

                // //ppn_charge
                // ppn_charge = Number( (sub_total + service_charge) * ppn /100);

                // //grand total
                // grand_total = Number( sub_total + ppn_charge + service_charge );

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

                $('#cache_total_biaya_custom'+custom_id).val(custom_value.value * custom_qty.value);

                priceHtmlOperator(sub_total, ppn_charge, service_charge, grand_total);
        }
    }

    function removeCustomOrder(custom_id, harga){

        var cache = document.getElementById('cache_total_biaya_custom'+custom_id);

        //delete previous value
        grand_total -= Number(cache.value);

        //service charge
        // service_charge = Number(sub_total * services / 100);

        //ppn_charge
        // ppn_charge = Number( (sub_total + service_charge) * ppn /100);

        //grand total
        // grand_total = Number( sub_total + ppn_charge + service_charge );

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

        // // status lock
        // let status = $('#kamar_id').find(':selected').data('status_lock')

        if (shop_condition == 1) {
            $('#order_draft_custom_id_'+custom_id).remove();
            $('.ini_draft_custom_'+custom_id).remove();
        }else if (shop_condition == 2) {
            $('#order_draft_custom_id_'+custom_id).remove();
        }

        custommenu_id--;

        priceHtmlOperator(sub_total, ppn_charge, service_charge, grand_total);
    }

    function setCOAcustom(custom_id) {
        $('#modal_coa_custom').modal('show');
        $('#modal_setting_coa').val('').select2();
        $('#coa_custom_submit').html('<button type="button" class="btn bg-success" onclick="setHiddenCOACustom('+custom_id+')">Submit</button>');
    }

    function setHiddenCOACustom(custom_id){
        let coa_id = $('#modal_setting_coa').val()
        $('#coa_id_custom_NON'+custom_id).val(coa_id)
        console.log('good:'+custom_id+', '+coa_id)
        $('#modal_coa_custom').modal('hide');
    }

    function virtualNumpad(num){
        let val = ($('#'+activeInput).val()).replaceAll(".","");//ambil value

        val += parseInt(num);//tambah digit

        if (activeInputType == 1) {
            $('#'+activeInput).val(parseInt(val).toLocaleString('ID'));//insert value if price
        }else{
            $('#'+activeInput).val(val);//insert value if just number without separator
        }

        checkPayment();
    }

    function deleteNumpad(){
        var check = document.getElementById('card_number_input2');
        document.getElementById(activeInput).value = document.getElementById(activeInput).value.slice(0, -1);
        checkPayment();
    }

    function clearNumpad(){
        var check = document.getElementById('card_number_input2');
        document.getElementById(activeInput).value = document.getElementById(activeInput).value = null;
        checkPayment();
    }

    //Payment Checkout
	let platform_pembayarans = {!! json_encode($platforms ? $platforms : ''); !!};
	function setJenisPembayaran(ids){
		//1: Cash; 2: Card; 3: Transfer; 4: Digital; 5: Ledger; 6: Transfer Nonstay; 7: Transfer Guest Bill;
		let payment_method = $('#checkout_jenis_pembayaran_'+ids).val();

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

		//Reset Form Platform Pembayaran
		$('.platform_pembayaran_id_'+ids).select2().val('').trigger('change');

		//Show Platform pembayaran jika memilih jenis pembayaran card dan digital
		if(['2','4'].includes(payment_method)){

            // disabled nominal
            $('.paymentInput_'+ids).prop('disabled', true);

            $('#nominal_div_'+ids).removeClass( "col-lg-6" ).addClass( "col-lg-2" );
            $('#jenis_div_'+ids).removeClass( "col-lg-5" ).removeClass('col-lg-3').addClass( "col-lg-2" );

			//Option Transfer Dihide
            $('#pembayaran_transfer_'+ids).hide();

			//Option Nonstay Folio Disembunyikan
			$('#checkout_folio_dummy_option_'+ids).hide();

			//Option Platform Pembayaran Ditampilkan
			$('#checkout_jenis_pembayaran_option_'+ids).show();
            $('#checkout_ledgers_option_'+ids).hide()

            $('#checkout_room_hotel_'+ids).hide();

			//Isian voucher ditampilkan
			$('#voucher_'+ids).show();


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

			$('.platform_pembayaran_id_'+ids).html(option_pembayaran);
			$('.platform_pembayaran_id_'+ids).attr('required', 'required');

            // refresh kamar di hide
            $('#refresh_kamar_'+ids).removeClass('d-flex')
            $('#refresh_kamar_'+ids).hide()
		}
		//Jika Jenis Pembayaran Transfer
		else if(payment_method == '3'){
			//Pilihan Platform Pembayaran Disembunyikan
			$('#checkout_jenis_pembayaran_option_'+ids).hide();
            $('#checkout_ledgers_option_'+ids).hide()

			//Option Nonstay Folio Disembunyikan
			$('#checkout_folio_dummy_option_'+ids).hide();
            $('#checkout_room_hotel_'+ids).hide();
			$('.platform_pembayaran_id_'+ids).removeAttr('required');
            $('#pembayaran_transfer_'+ids).show();
            $('#refresh_kamar_'+ids).removeClass('d-flex')
            $('#refresh_kamar_'+ids).hide()

            // disabled nominal
            $('.paymentInput_'+ids).prop('disabled', true);
		}
		// Jika Jenis Pembayaran Transfer Ke Nonstay
		else if(payment_method == '6'){
			//Penyesuaian Lebar Untuk Jenis Pembayaran Lain
			$('#nominal_div_'+ids).removeClass( "col-lg-6" ).addClass( "col-lg-3" );
            $('#jenis_div_'+ids).removeClass( "col-lg-5" ).addClass( "col-lg-3" );
			$('#checkout_folio_dummy_option_'+ids).show();

			//Remove Field Untuk Jenis Pembayaran Lain
            $('#checkout_room_hotel_'+ids).hide();
            $('#pembayaran_transfer_'+ids).hide();
			$('#checkout_jenis_pembayaran_option_'+ids).hide();
            $('#voucher_'+ids).hide();
			$('.platform_pembayaran_id_'+ids).removeAttr('required');
            $('#checkout_ledgers_option_'+ids).hide()
            $('#refresh_kamar_'+ids).removeClass('d-flex')
            $('#refresh_kamar_'+ids).hide()

            // UNDISABLED NOMINAL
            $('.paymentInput_'+ids).prop('disabled', false);
		}
        // Jika jenis pembayaran ledger
        else if(payment_method == 5){
            //Penyesuaian Lebar Untuk Jenis Pembayaran Lain
			$('#nominal_div_'+ids).removeClass( "col-lg-6" ).addClass( "col-lg-3" );
            $('#jenis_div_'+ids).removeClass( "col-lg-5" ).addClass( "col-lg-3" );
            $('#checkout_ledgers_option_'+ids).show()

			//Remove Field Untuk Jenis Pembayaran Lain
            $('#checkout_room_hotel_'+ids).hide();
			$('#checkout_folio_dummy_option_'+ids).hide();
            $('#pembayaran_transfer_'+ids).hide();
			$('#checkout_jenis_pembayaran_option_'+ids).hide();
            $('#voucher_'+ids).hide();
			$('.platform_pembayaran_id_'+ids).removeAttr('required');
            $('#refresh_kamar_'+ids).removeClass('d-flex')
            $('#refresh_kamar_'+ids).hide()

            // UNDISABLED NOMINAL
            $('.paymentInput_'+ids).prop('disabled', false);
        }
        // Jika Jenis Pembayaran Transfer Ke Guest Bill
		else if(payment_method == '7'){
            console.log($('#checkout_room_hotel_'+ids).show())
			//Penyesuaian Lebar Untuk Jenis Pembayaran Lain
			$('#nominal_div_'+ids).removeClass( "col-lg-6" ).addClass( "col-lg-3" );
            $('#jenis_div_'+ids).removeClass( "col-lg-5" ).addClass( "col-lg-3" );
			$('#checkout_room_hotel_'+ids).show()
            $('#refresh_kamar_'+ids).addClass('d-flex')
            $('#refresh_kamar_'+ids).show()

			//Remove Field Untuk Jenis Pembayaran Lain
            $('#pembayaran_transfer_'+ids).hide();
            $('#checkout_folio_dummy_option_'+ids).hide();
			$('#checkout_jenis_pembayaran_option_'+ids).hide();
            $('#voucher_'+ids).hide();
			$('.platform_pembayaran_id_'+ids).removeAttr('required');
            $('#checkout_ledgers_option_'+ids).hide()

            // UNDISABLED NOMINAL
            $('.paymentInput_'+ids).prop('disabled', false);

            refreshKamar(ids)
        }
		else
		{
            $('#nominal_div_'+ids).removeClass( "col-lg-4" ).addClass( "col-lg-6" );
            $('#jenis_div_'+ids).removeClass( "col-lg-2" )
								.removeClass('col-lg-3')
								.addClass( "col-lg-5" );

            $('#pembayaran_transfer_'+ids).hide();
            // $('.paymentInput_'+ids).attr('id', 'total_payment_pos');
			$('#checkout_jenis_pembayaran_option_'+ids).hide();
            $('#voucher_'+ids).hide();
			$('.platform_pembayaran_id_'+ids).removeAttr('required');
            $('#checkout_ledgers_option_'+ids).hide()

			//Option Nonstay Folio Disembunyikan
			$('#checkout_folio_dummy_option_'+ids).hide();

            $('#checkout_room_hotel_'+ids).hide();

            // UNDISABLED NOMINAL
            $('.paymentInput_'+ids).prop('disabled', false);

            // refresh kamar hide
            $('#refresh_kamar_'+ids).removeClass('d-flex')
            $('#refresh_kamar_'+ids).hide()
		}
	}

	//Total Payment POS
	$('#total_payment_pos').on('change', function(){
		let val = $(this).val();

		if(val){
			$('#tambah_metode_pembayaran').removeClass('disabled');
		}
		else{
			$('#tambah_metode_pembayaran').addClass('disabled');
		}
	})

	//Tambah Metode Pembayaran
    function tambahMethodPembayaran(){
        var ids = $('#jumlahMethod').val()
            ids = parseInt(ids)+1;

		var total_tagihan = parseInt($('#grand_total_pos_holder').val());
		var nominal_pembayaran = $('.nominal_input');
		var nominal_payment = 0;

		$.each(nominal_pembayaran, function(key, val){
			let value_payment = parseInt(($(val).val()).replaceAll(".",""));
			if(!isNaN(value_payment)){
				nominal_payment += value_payment
			}
		});

		t_nominal_payment = total_tagihan - nominal_payment;

        // if ( Number(ids) <= 2) {
        let html = `<div class="row p-1" id="rowmethod_${ids}">

                        <input type="hidden" id="pembayaran_id" name="pembayaran_id[${ids}]">

                        <div id="nominal_div_${ids}" class="col-lg-6 p-1 m-0" >
                            <input id="total_payment_pos${ids}"
								   name="nominal[${ids}]"
                                   min="1"
								   type="text"
								   class="paymentInput_${ids} nominal_input text-right form-control-lg border-teal border-1"
								   style="width: inherit; height:36px;"
								   onclick="inputClick(this.id, 1)"
								   oninput="checkPayment()"
								   autocomplete="off"
								   placeholder="Amount..."
								   value="${t_nominal_payment}"
								   required
							>
                        </div>

                        <div id="voucher_${ids}" class="col-lg-3 p-1 m-0" style="display:none;">
                            <input id="voucher_number_${ids}" type="text" name="voucher[${ids}]" class="text-right form-control-lg border-teal border-1"  style="width: inherit; height:36px;" autocomplete="off" placeholder="voucher/card number..." onclick="inputClick(this.id, '')">
                        </div>
                        <div class="col-lg-3 p-1 m-0" id="checkout_jenis_pembayaran_option_${ids}" style="display: none">
                            <select name="platform_pembayaran_id[${ids}]"
                                    id="platform_id"
                                    class="platform_pembayaran_id_${ids} form-control form-control-select2 border-1 border-1 border-teal"
                                    onchange="pickPlatform(${ids}, this.value)"
                            >
                                <option value="">** Pilih Platform Pembayaran **</option>
                            </select>
                        </div>

						<div class="col-lg-5 p-1 m-0" id="checkout_folio_dummy_option_${ids}" style="display:none">
							<select name="folio_dummy_id[${ids}]" id="folio_dummy_id_${ids}" class="form-control form-control-select2">
								${nonstay_opts}
							</select>
						</div>

                        <div class="col-lg-4  p-1 m-0" style="display:none;" id="checkout_room_hotel_${ids}">
                            <select name="kamar_id[${ids}]" id="kamar_id_${ids}" class="form-control form-control-select2">
                                <option value="">-- Pilih No Kamar --</option>
                                @foreach($kamars as $kamar)
                                    <option value="{{$kamar->id}}" data-nomor_kamar="{{ $kamar->nomor_kamar }}" data-status_lock="{{ @$kamar->booking->status_lock}}" {{ @$kamar->booking->status_lock == 1 ? 'data-icon=fa-lock data-color=text-danger' : 'data-icon=fa-lock-open data-color=text-success' }}>{{$kamar->nomor_kamar}} - {{$kamar->nama_pelanggan}}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="col-lg-5 p-1 m-0" id="checkout_ledgers_option_${ids}" style="display:none">
                            <select name="ledger_id[${ids}]" id="ledger_id_${ids}" class="form-control form-control-select2" required>
                                ${ledger_options}
                            </select>
                        </div>

                        <div id="jenis_div_${ids}" class="col-lg-5 p-1 m-0">
                            <select style="height:35px;" name="jenis_pembayaran[${ids}]" class="jenis_bayar form-control form-control-select2 border-teal border-1 border-teal" name="jenis_pembayaran_id" id="checkout_jenis_pembayaran_${ids}" onchange="setJenisPembayaran(${ids})">
                                @foreach(config('custom.jenis_pembayaran') as $key => $value)
                                    @if (in_array($key, [3, 8]))
                                        @continue
                                    @endif
                                    <option value="{{$key}}">{{$value}}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="col-lg-1 px-0 d-flex justify-content-center" style="display:none !important" id="refresh_kamar_${ids}">
                            <button type="button" class="btn p-0" onclick="refreshKamar(${ids})">
                                <i class="fas fa-sync-alt"></i>
                            </button>
                        </div>

                        <div class="col-lg-1 p-1 m-0">
                            <button type="button" onclick="deleteFile(${ids})" class="btn btn-danger" style="height:35px;">
                                <i class="fas fa-times-circle"></i>
                            </button>
                        </div>

                    </div>`

        if (nominal_payment < total_tagihan) {

            $('#formMethod').append(html);

        }else{

            callModalAlert('Nominal pembayaran sudah cukup/melebihi total tagihan!')

        }

        $('#jumlahMethod').val(ids)
		checkPayment();
		$('.form-control-select2').select2();
        // }else{
        //     return false;
        // }
    }

    function deleteFile(ids){
        $('#rowmethod_'+ids).remove();

        var idx = $('#jumlahMethod').val()
        idmin = parseInt(idx)-1

        $('#jumlahMethod').val(idmin)
        console.log($('#jumlahMethod').val())
        checkPayment()
    }

    function deleteSavedPayment(id) {
        var url = `{{ url('delete-saved-payment-cart/${id}')}}`
        $("#saved_delete_form").attr("action", url);
        $('#saved_delete').modal('show')
    }

    $('#btn_split_bill').on('click', function(e){
        e.preventDefault();
        var form = $('#form_split_bill');
        form.attr('action', '{{route("resto.split")}}');
        form.submit();
        form.serialize();
        console.log(form);
    })

    $('#btn_print_preview_kitchen').on('click', function(e){
        if (shop_condition == 1) {
        alert('function not found!');
        } else if(shop_condition == 2){
            e.preventDefault();
            var form = $('#form_split_bill');
            form.attr('action', '{{url("printpreview?kitchen=2")}}');
            form.submit();
            form.serialize();
            console.log(form);
        }
    })

    $('#submit_transfer_bill').on('click', function(e){
        e.preventDefault();

        // defining var input and form
        var form = $('#form_split_bill').serializeArray();
        var cart = $('#option_meja_with_customer').val();
        if (cart!='null') {
            form.push(
                {name:'transferToCart', value:cart}
                );

            $.ajax({
                type: 'post',
                url: "{{ url('/transfer-bill-resto')}}",
                data: form,
                success: function (data) {
                    window.location.href = "{{url('index-pos')}}/?s="+data.shop+"&c="+data.cart;
                }
            })

            $('#submit_transfer_bill').attr('disabled', true)
        }else{
            new PNotify({
                title: 'Alert',
                text: 'Please select table first!',
                icon: 'icon-blocked',
                type: 'error'
            });
        }

    })

    // Discount_Type_function

    var header = document.getElementById("myDIV");
    var btns = header.getElementsByClassName("disc_type");
    for (var i = 0; i < btns.length; i++) {
        btns[i].addEventListener("click", function() {
            var current = header.getElementsByClassName("active");
            current[0].className = current[0].className.replace(" active", "");
            var cekclass = this.classList.contains('active');
            if(!cekclass){
                this.className += " active";
            }
            discount_type = this.value;
        });
    }

    $('#discount_amount').on('input', function(e){
        if (this.value.length > 0) {
            $('#apply_discount_btn').attr('disabled', false);
        }else{
            $('#apply_discount_btn').attr('disabled', true);
        }
    });

    let cache_sub_total = 0;
    $('#apply_discount_btn').on('click', function(e){
        e.preventDefault();

        if (shop_condition == 2) {
            console.log(2)
            var index_trans = $('#index_trans').val()
            var t_id = $('#id_trans_'+index_trans).val()
            var t_harga = Number($('#price_piece_'+index_trans).val())
            var t_jumlah = Number($('#qty_'+index_trans).val())
            var t_diskon = Number($('#diskon_'+index_trans).val())
        } else {
            var index_trans = $('#index_trans').val()
            //var t_id = $('#id_trans_'+index_trans).val()
            var t_harga = Number($('#price_piece_input_split_'+index_trans).val())
            var t_jumlah = Number($('#qty_input_split_'+index_trans).val())
            var t_diskon = Number($('#diskon_'+index_trans).val())
        }
        console.log('t_harga:'+t_harga+' type:'+discount_type)

        sub_total += t_diskon

        cache_sub_total = t_harga * t_jumlah //sub_total;

        discount = Number($('#discount_amount').val().replaceAll(',', ''));
        var hasil_disc = null;

        if (discount_type == 1) {
            hasil_disc = cache_sub_total * discount /100;
        }else if(discount_type == 2){
            hasil_disc = discount;
        }

        cache_sub_total -= hasil_disc;

        if (shop_condition == 2) {
            //apply discount
            $.ajax({
                type: "POST",
                url: "{{ url('save-diskon')}}",
                data: { id: t_id, diskon: hasil_disc, _token: '{{csrf_token()}}' }, // serializes the form's elements.
                async:false,
                success: function(res)
                {
                    // alert('save sukses')
                    grand_total += Number(res)
                    console.log(res)
                }
            });
        }

        // var spandiskon = `Rp. ${hasil_disc.toLocaleString('ID')} `
        var spandiskon = `Rp. ${formatRibuanComma(hasil_disc)} `
        spandiskon +=`<button data-target="#modal_discount" data-toggle="modal" type="button" onclick="tambahDiskon(${index_trans})" class="btn btn-success" style="height: 25px;width: 25px;padding: 0px;}">
                        <i class="fas fa-pencil-alt"></i>
                    </button>`
        $('#diskonspan_'+index_trans).html(spandiskon)
        $('#diskon_'+index_trans).val(hasil_disc)

        // $('.totalspan_'+index_trans).html(`Rp. ${cache_sub_total.toLocaleString('ID')} `)
        $('.totalspan_'+index_trans).html(`Rp. ${formatRibuanComma(cache_sub_total)} `)

        grand_total -= hasil_disc;
        //service charge
        // service_charge = Number(sub_total * services / 100);

        // //ppn_charge
        // ppn_charge = Number( (sub_total + service_charge) * ppn /100);

        // //grand total
        // grand_total = Number( sub_total + ppn_charge + service_charge );

        console.log(grand_total)

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

        //show_discount_value
        //let html = `<button id="remove_discount_btn" onclick="removeDiscount();" class="btn btn-sm"><i class="fas fa-trash-alt"></i></button>Rp. - ${hasil_disc.toLocaleString('ID')} `;
        //let html = `Rp. - ${hasil_disc.toLocaleString('ID')} `;
        //$('.html_discount').html(html);
        $('.hidden_tipe_disc').val(discount_type);
        $('.hidden_disc').val(discount);

        priceHtmlOperator( sub_total, ppn_charge, service_charge, grand_total);

        // let cartresto_id = $('#hidden_cart_id').val();
        // $.ajax({
        //     type: 'post',
        //     url: "{{ url('/save-discount-to-cart')}}",
        //     data:{
        //         _token: '{{csrf_token()}}',
        //         cartresto : cartresto_id,
        //         disc_method : global_disc_type,
        //         discount : disc,
        //     },
        //     success: function (data) {
        //         console.log(data);
        //     }
        // })

        $('#modal_discount').modal('hide');
        $('#discount_amount').val('');
    })

    function removeDiscount(){
        console.log('deleted');

        $('#discount_amount').val('');

        //service charge
        // service_charge = Number(sub_total * services / 100);

        // //ppn_charge
        // ppn_charge = Number( (sub_total + service_charge) * ppn /100);

        // //grand total
        // grand_total = Number( sub_total + ppn_charge + service_charge );

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

        //show_discount_value
        let html = `Rp. 0`;
        discount_type = 0;
        discount = 0;
        $('.html_discount').html(html);
        $('.hidden_tipe_disc').val(null);
        $('.hidden_disc').val(null);

        priceHtmlOperator( sub_total, ppn_charge, service_charge, grand_total);

    }

    //OnClick Insert to Cart for Non-Resto
    let no_idx = 1;
    function insertToCartNonResto(menu_id, menu, harga, tipe, cost_complimenatry){

        menu = unescape(menu)

        if(document.getElementById('order_draft_id_'+menu_id)){

            //Defining item
            var total_biaya = document.getElementById('total_biaya'+menu_id);
            var text = document.getElementById('text_total_biaya'+menu_id);

            if (document.getElementById('qty'+menu_id)){

                var jumlahnya = document.getElementById('qty'+menu_id);
                jumlahnya.value ++;

                $('#qty'+menu_id).val(jumlahnya.value);

                // delete previous value
                    grand_total -= Number(total_biaya.value);
                    total_biaya.value -= Number(total_biaya.value);

                // hitungan harga
                    total_biaya.value = Number(harga) * Number(jumlahnya.value);

                    //subtotal
                    grand_total +=  Number(total_biaya.value);

                    //service charge
                    // service_charge = Number(sub_total * services / 100);

                    // //ppn_charge
                    // ppn_charge = Number( (sub_total + service_charge) * ppn /100);

                    // //grand total
                    // grand_total = Number( sub_total + ppn_charge + service_charge );

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


                console.log( total_biaya.value, sub_total, ppn_charge, service_charge, grand_total);

                $(text).html('Rp. '+formatRibuanComma(Number(total_biaya.value)));
                $('#html_qty_review_'+menu_id).html(jumlahnya.value);
                $('#html_biaya_review_'+menu_id).html('Rp. '+formatRibuanComma(Number(total_biaya.value)));

                // $('#chek_in_id').html('Masukkan Ke Tagihan Kamar - Rp. '+grand_total.toLocaleString('ID'));

                $('#alert-payment').attr('style', 'display:none;')

                priceHtmlOperator(sub_total, ppn_charge, service_charge, grand_total);

                // for hidden input split bill Non Resto
                $('#qty_input_split_'+menu_id).val(jumlahnya.value);
                $('#price_input_split_'+menu_id).val(total_biaya.value);
                $('#price_piece_input_split_'+menu_id).val(harga);
            }

        }else{

            //hitungan harga

                //sub total
                grand_total +=  Number(harga * new_qty);

                //service charge
                // service_charge = Number(sub_total * services / 100);

                // //ppn_charge
                // ppn_charge = Number( (sub_total + service_charge) * ppn /100);

                // //grand total
                // grand_total = Number( sub_total + ppn_charge + service_charge );

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

                priceHtmlOperator(sub_total, ppn_charge, service_charge, grand_total);

                hidden_jmlh_harga = (harga) * new_qty;

            let order_html = `
                            <div data-idx="${menu_id}" id ="order_draft_id_${menu_id}" class="ini_draft_${menu_id} d-flex flex-wrap align-content-center">

                                    <input name="menu_id[]" id="id${menu_id}" data-idx="${menu_id}" type="hidden" value="${menu_id}" readonly>
                                    <input name="tipe_menu_id[]" id="tipe_menu_id${menu_id}" data-idx="${menu_id}" type="hidden" value="${tipe}" readonly>
                                    <input name="total_biaya[]" id="total_biaya${menu_id}" data-idx="${menu_id}" class="form-control" type="hidden" value="${harga}" readonly>
                                    <input type="hidden" name="diskon[]" id="diskon_${menu_id}" value="0">

                                    <div class="col-sm-4 col-form-label">
                                        <span title="${menu}">${menu}.</span>
                                    </div>

                                    <div class="col-sm-4 d-flex align-content-start flex-wrap m-0 p-0">
                                        <button type="button" class="col-sm-2 btn btn-sm decrement-btn" onclick="addOrSubstract('#qty${menu_id}', '-')">
                                            <i class="fas fa-minus"></i>
                                        </button>
                                        <div class="col-sm-7">
                                            <input style="width:100%" name="jumlah[]" id="qty${menu_id}" data-idx="${menu_id}" class="form-control qty_item text-center" type="number" value="1" onchange="changeQty(${menu_id}, '${escape(menu)}', ${harga})">
                                        </div>
                                        <button type="button" class="col-sm-2 btn btn-sm increment-btn" onclick="addOrSubstract('#qty${menu_id}', '+')">
                                            <i class="fas fa-plus"></i>
                                        </button>
                                    </div>

                                    <div class="col-sm-3 col-form-label">
                                        <span class="flex-fill col-sm-4" id ="text_total_biaya${menu_id}" style="font-size:12px; text-align:right;" title="${formatRibuanComma(harga)}">Rp. ${formatRibuanComma(harga)}</span>
                                    </div>

                                    <div class="col-sm-1" style="text-align:right">
                                        <button type="button" onclick="removeOrderNonResto(${menu_id}, ${harga})" class="btn btn-danger btn-sm rounded-sm flex-fill">
                                            <i class="fas fa-times-circle"></i>
                                        </button>
                                    </div>

                            </div>
                            `;

            let draft_html = `
                            <div class="ini_draft_${menu_id}">
                                <div class="list-group-item list-group-item-action d-flex bd-highlight border-bottom" >
                                    <span class="flex-fill col-sm-1"><input type="checkbox" name="check[${menu_id}]" id="check_${menu_id}" value="${no_idx}" data-idx="tester" checked></span>
                                        <input id="description_input_split_${menu_id}"  type="hidden" name="description[${menu_id}]" value="${menu}">
                                        <input id="qty_input_split_${menu_id}" type="hidden" name="qty[${menu_id}]" value="1">
                                        <input id="price_input_split_${menu_id}" type="hidden" name="price[${menu_id}]"value="${harga}">
                                        <input id="price_piece_input_split_${menu_id}" type="hidden" name="price_piece[${menu_id}]" value="${harga}">
                                        <input id="menu_id_non_resto_${menu_id}" type="hidden" name="menu_id_non_resto[]" value="${menu_id}" data-cost_complimentary="${cost_complimenatry}">
                                    <span class="flex-fill col-sm-3">${menu}</span>
                                    <span id ="html_qty_review_${menu_id}"  class="flex-fill col-sm-2" style="text-align:right;">1</span>
                                    <span id="diskonspan_${menu_id}" class="flex-fill col-sm-3" style="text-align:right;" >Rp. 0
                                        <button data-target="#modal_discount" data-toggle="modal" type="button" onclick="tambahDiskon(${menu_id})" class="btn btn-success" style="height: 25px;width: 25px;padding: 0px;}">
                                            <i class="fas fa-pencil-alt"></i>
                                        </button>
                                    </span>
                                    <span id ="html_biaya_review_${menu_id}" class="flex-fill col-sm-3" style="font-size:12px; text-align:right;">Rp. ${formatRibuanComma(harga)}</span>
                                </div>
                            </div>
                            `;

            new_idx++;
            row_number++;

            $('#review_carts').append(draft_html);
            $('#fieldset_cart').append(order_html);

            // $('#chek_in_id').html('Masukkan Ke Tagihan Kamar - Rp.'+grand_total.toLocaleString('ID'));
            $('#bayar_id').html('Total - Rp.'+formatRibuanComma(grand_total));

        }

    }

    //Delete order in cart
    function removeOrderNonResto(menu_id, harga){

        //Defining item
        var total_biaya = document.getElementById('total_biaya'+menu_id);

        //sub total
        grand_total -= Number(total_biaya.value);

        // //service charge
        // service_charge = Number(sub_total * services / 100);

        // //ppn_charge
        // ppn_charge = Number( (sub_total + service_charge) * ppn /100);

        // //grand total
        // grand_total = Number( sub_total + ppn_charge + service_charge );

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

        // var tPay = document.getElementById('total_payment').value;
        // checkPayment(tPay);

        $('#bayar_id').html('Total - Rp. '+formatRibuanComma(grand_total));
        // $('#chek_in_id').html('Masukkan Ke Tagihan Kamar - Rp. '+grand_total.toLocaleString('ID'));

        // status lock
        let status = $('#kamar_id').find(':selected').data('status_lock')

        $('.ini_draft_'+menu_id).remove();

        new_idx--;
        row_number--;

            // if (new_idx == 1) {
            //     $('#chek_in_id').attr('disabled', 'disabled')
            // }else{
            //     if (status != 1) {
            //         $('#chek_in_id').removeAttr('disabled');
            //     }else{
            //         $('#chek_in_id').attr('disabled', 'disabled')
            //     }
            // }

        priceHtmlOperator(sub_total, ppn_charge, service_charge, grand_total);
        checkQtyMin()
    }

    function pindahMeja(cart_id ,table_id, shop_id){
        $("#pindahmeja_cart_id").val(cart_id)
        $("#pindahmeja_old_table_id").val(table_id)
        $.ajax({
            type: 'get',
            url: "{{url('resto-option-meja')}}/"+shop_id,
            success: function (data) {
                let html = "";
                    html += "<option> -- Select Table -- </option>";
                $.each(data, function(index, value){
                    if(data.length > 0){
                        let option = "";
                            option += `<option value="${value.id}">Table Number. ${value.nomor_meja}</option>`
                            html += `
                                ${option}
                                `
                    }else{
                        html += `--Empty--`
                    }

                    $('#option_meja_id').html(html);
                })
            }
        });
    }

    // Ambil Meja yang ada customer;
    function getTableWithActiveCart(){

        let shop_id =  $('#hidden_shop_id').val();
        let cart_id =  $('#hidden_cart_id').val();

        $.ajax({
            type: 'get',
            url: "{{url('resto-option-meja-activecart')}}/"+shop_id+"/"+cart_id,
            success: function (data) {
                let html = "";
                    html += "<option value='null'> -- Select Table -- </option>";
                $.each(data, function(index, value){
                    if(data.length > 0){
                        console.log(value);
                        let option = "";
                            option += `<option value="${value.active_cart.id}">Table Number. ${value.nomor_meja}</option>`
                            html += `
                                ${option}
                                `
                    }else{
                        html += `--Empty--`
                    }

                    $('#option_meja_with_customer').html(html);
                })
            }
        });
    }

    // Refresh kamar
    function refreshKamar(ids) {
        $.ajax({
            type: 'get',
            url: "{{url('refresh-kamar')}}",
            success: function (data) {
                let html = "";
                    html += "<option> -- Select Room -- </option>";

                $.each(data, function(index, value){
                    let option = "";
                        option += `<option value="${value.id}" data-nomor_kamar="${value.nomor_kamar}" data-status_lock="${value?.booking?.status_lock ?? ''}">${value.nomor_kamar} - ${value.nama_pelanggan}</option>`
                        html += `
                            ${option}
                            `
                })

                $('#kamar_id_'+ids).html(html);

            }
        })
    }

    // tambah diskon
    function tambahDiskon(index_trans){
        $('#index_trans').val(index_trans);
        var diskon = $('#diskon_'+index_trans).val();

        $('#discount_amount').val(diskon.replace(/\D/g, "").replace(/\B(?=(\d{3})+(?!\d))/g, ","))
        $('#discount_type1').removeClass("active")
        $('#discount_type2').addClass("active")
        discount_type = 2

    }

    let shift = {!! json_encode($shifts) !!};
    $('#btn_close_shift').click(function(event){
        let id = $('#shop_id').val();
        // console.log();
        window.open("{{url('close-shift-pos').'/'}}"+shift.id, "_blank");
        setTimeout(function() {
                        window.location.href = "{{url('index-pos')}}";
                    }, 1000);
    });

    // function reload admin
    function reloadAdmin(){
        setTimeout(function() {
            window.location.href = "{{url('index-pos')}}";
        }, 1000);
    }

    function transferShift(shift_id, table_id , cart_id, shop_id, shift){
        // set value on form transfer shift
        $('#tipe_transfer_shift').val('satu_meja');
        $('#transfer_table_id').val(table_id);
        $('#transfer_shop_id').val(shop_id);
        $('#transfer_shift_id').val(shift_id);

        // script untuk mengisi option_transfer_shift
            let no      = 4;
            let option  = "";
            let html    = "";
                html += "<option> -- Pilih Shift -- </option>";

            // foreach untuk shift
            for (let index = 1; index <= no; index++) {
                if (index != shift) {
                    option  += `<option value="${index}">Shift ${index}</option>`;
                    continue;
                }
            }

            html += `${option}`;

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

        // $('#transfer_old_shift_id').val(shift_id);

        // get shift option list on form transfer shift
            // $.ajax({
            //     type: 'get',
            //     data: {
            //         shift_id :shift_id,
            //         table_id : table_id,
            //         // cart_id : cart_id,
            //         // shop_id : shop_id,
            //         // shift : shift,
            //     },
            //     url: "{{url('resto-option-shift')}}",
            //     success: function (data) {
            //         let html = "";
            //             html += "<option> -- Pilih Transfer -- </option>";
            //         $.each(data, function(index, value){
            //         console.log(value);
            //             if(data.length > 0){
            //                 let option = "";
            //                     option += `<option value="${value.id}">Shift ${value.shift} - ${value.user.nama}</option>`
            //                     html += `
            //                         ${option}
            //                         `
            //             }else{
            //                 html += `--Empty--`
            //             }

            //             $('#option_transfer_shift').html(html);
            //         })
            //     }
        // });
    }

    function backShift(shift_id, table_id , cart_id, shop_id, shift){
        // set value on form transfer shift
        $('#tipe_transfer_shift_back').val('satu_meja');
        $('#transfer_table_id_back').val(table_id);
        $('#transfer_shop_id_back').val(shop_id);
        $('#transfer_shift_id_back').val(shift_id);
    }

    // Cancel Order
    function cancelOrder(table_id , cart_id, shop_id){
        // Mengambil value shift id
        let shift_id = $('#hidden_shift_id').val() ?? shift.id;

        // memasukan variable variable yang di dapat ke input hidden cancel order
        $('#cancel_order_cart_id').val(cart_id)
        $('#cancel_order_table_id').val(table_id)
        $('#cancel_order_shop_id').val(shop_id)
        $('#cancel_order_shift_id').val(shift_id)
    }

    function transferShiftAll(shift_id, shop_id, shift){
        // console.log(shift_id, shop_id)
        $('#tipe_transfer_shift').val('semua_meja');
        $('#transfer_shop_id').val(shop_id);
        $('#transfer_shift_id').val(shift_id);

        // script untuk mengisi option_transfer_shift
        let no      = 4;
        let option  = "";
        let html    = "";
            html += "<option> -- Pilih Shift -- </option>";

        // foreach untuk shift
        for (let index = 1; index <= no; index++) {
            if (index != shift) {
                option  += `<option value="${index}">Shift ${index}</option>`;
                continue;
            }
        }

        html += `${option}`;

        $('#option_transfer_shift').html(html);
    }

    $('#modal_pembayaran').on('hidden.bs.modal', function () {
        // console.log('reset');
        // $(this).find('form').trigger('reset');
        // $('#form_metode_pembayaran').trigger('reset')
    });

    $('#btn_simpan_pembayaran').on('click', function(){
        $('#form_metode_pembayaran').submit();
    });

    // form protect
    $('#form_metode_pembayaran').on('submit', function(){
        $('#btn_simpan_pembayaran').attr('disabled', true)
    })

    // closeshift set
    function closeShift(shift_id){
        $('#btn_confirm_shift_modal').attr('href', "{{url('close-shift-pos')}}/"+shift_id);
    }

    // reload page after close shift
    $('#btn_confirm_shift_modal').on('click', function(){
        reloadAdmin();
    });

    // submit form transfer via button in modal confirm
    $('#btn_confirm_transfer_shift').on('click', function(){
        $('#form_transfer_shift').submit();
    });

    function checkQtyMin() {
        let qty_inputs = $('.qty_item');
        let check      = 0;
        $.each(qty_inputs, function(key, val){
            if ($(val).val() < 0) {
                check += 1;
            }
        });

        if (check != 0) {
            if (shop_condition == 1) {
                // jika value < 1 call modal
                $('#status_nonresto_container_row').show()
            }else{
                // jika value < 1 call modal
                $('#status_container_row').show()
            }
            return false;
        }else{
            if (shop_condition == 1) {
                $('#status_nonresto_container_row').hide()
            }else{
                $('#status_container_row').hide()
                $('#status_container_row #status_cart_modal').val('kosong').trigger('change')
                $('#status_container_row #custom_status_text').val(null)
            }
            return false;
        }
    }

    // submit
    $('#submit_pembayaran_cash').on('click', function() {
        event.preventDefault();

        let qty_inputs = $('.qty_item');
        let check      = 0;
        $.each(qty_inputs, function(key, val){
            if ($(val).val() < 0) {
                check += 1;
            }
        });

        let coa_custom      = $('.coa_id_custom_select2');
        let check_custom    = 0;
        let totalcoa_custom    = 0;
        $.each(coa_custom, function(key, val){
            if ($(val).val()) {
                check_custom += 1;
            }
            totalcoa_custom++;
        });

        if (check != 0) {
            // jika value < 1 call modal
            if ( $('#status_cart_modal').val() != 'kosong' ) {
                $('#modal_theme_danger').modal('show')
            }else{
                $('#status_cart_error').html('Please select status first!').show()
            }
            return false;
        }else{
            // if (check_custom == totalcoa_custom) {
                $('#save_item_form').submit()
            // }else{
            //     new PNotify({
            //         title: 'Alert',
            //         text: 'Please select COA custom first!',
            //         icon: 'icon-blocked',
            //         type: 'error'
            //     });
            // }
        }

    })

    // disable for prevent from double click
    $('#save_item_form').on('submit', function(){
        $('#submit_pembayaran_cash').attr('disabled', true)
        $('#confirm_submit_save_item').attr('disabled', true)
    })

    function changeStatusMeja(meja_id, status){
        if (status == 'open_table') {
            $('#html_keterangan_status_meja').html('Are you sure want change table status to open?');
        }else{
            $('#html_keterangan_status_meja').html('Are you sure want change table status to close?');
        }
        $('#btn_ganti_status_meja').attr('href', "{{url('ganti-status-meja')}}/"+meja_id);
    };

    function tipeTransaksi(tipe){

        console.log(tipe)

        // Dine In
        if (tipe == 0) {

            //Metode Complimentary Di hidden dan field didisable
            $('#field_complimentary').hide();
            $('#complimentary_checkbox').attr('disabled', 'disabled');
            $('#complimentary_checkbox').removeAttr('checked');
            $('#complimentary').attr('disabled', 'disabled');
            $('#complimentary').select2().val('').trigger('change');
            $('#coa_select_compliment').attr('disabled', true).val(null).select2()

            $('#complimentary_id').attr('disabled', true).val(null)
            $('#coa_id').attr('disabled', true).val(null)

            // Metode Kamar
            $('#field_kamar').hide();
            $('#in_house').attr('disabled', 'disabled');
            $('#in_house').removeAttr('checked');
            $('#kamar_id').attr('disabled', 'disabled');

            //Metode Roomservice dihidden dan field didisable
            $('#field_room_service').hide();
            $('#room_service_checkbox').attr('disabled', 'disabled');
            $('#room_service_checkbox').removeAttr('checked');
            $('#room_service').attr('disabled', 'disabled');

           //Metode Ledger di hidden dan field didisable
            $('#field_ledger').hide();
            $('#ledger_checkbox').attr('disabled', 'disabled');
            $('#ledger_checkbox').removeAttr('checked');
            $('#ledger_id').attr('disabled', 'disabled');

            //show field adds btn
            $('#btn-print-discount').show();

            //show tombol shortcut nominal mata uang
            $('#con_button_nominal').show();

            //show Layar Nominal Pembayaran
            $('#nominal_pembayaran').show();

            //show Tombol Print Preview Discound dan Split Bill
            $('#btn-print-discount').show();

            //show Numpad
            $('#container_modal_cash').show();

            let totalForComplimentary = 0;

            if (shop_condition == 2) {
                for (let i = 1; i <= kondisiCarts; i++) {
                    let menuId = $('[name="cost_complimentary['+i+']"]').data('menu_id');
                    let price = $('[name="price['+i+']"]').val();


                    $('.text_total_biaya'+menuId).text('Rp. '+formatRibuanComma(Number(price)))
                }
            }else if(shop_condition == 1){
                let idMenus = $('[name="menu_id_non_resto[]"]');

                $.each(idMenus, function(key, val){
                    let menuId = $(val).val();
                    let price = $('#price_input_split_'+menuId).val();

                    $('#html_biaya_review_'+menuId).text('Rp. '+formatRibuanComma(Number(price)))
                });
            }

            priceHtmlOperator(sub_total, ppn_charge, service_charge, grand_total)

            $('#bayar_id').text('Total - Rp. '+grand_total)

           checkPayment();

        // Kamar
        } else if(tipe == 1){

            //Metode Complimentary Di hidden dan field didisable
            $('#field_complimentary').hide();
            $('#complimentary_checkbox').attr('disabled', 'disabled');
            $('#complimentary_checkbox').removeAttr('checked');
            $('#complimentary').attr('disabled', 'disabled');
            $('#complimentary').select2().val('').trigger('change');
            $('#coa_select_compliment').attr('disabled', true).val(null).select2()

            $('#complimentary_id').attr('disabled', true).val(null)
            $('#coa_id').attr('disabled', true).val(null)

            // Metode Kamar
            $('#field_kamar').show();
            $('#in_house').attr('disabled', 'disabled');
            $('#in_house').removeAttr('checked');
            $('#kamar_id').removeAttr('disabled');

            //Metode Roomservice dihidden dan field didisable
            $('#field_room_service').hide();
            $('#room_service_checkbox').attr('disabled', 'disabled');
            $('#room_service_checkbox').removeAttr('checked');
            $('#room_service').attr('disabled', 'disabled');

            //Metode Ledger di hidden dan field didisable
            $('#field_ledger').hide();
            $('#ledger_checkbox').attr('disabled', 'disabled');
            $('#ledger_checkbox').removeAttr('checked');
            $('#ledger_id').attr('disabled', 'disabled');

            //hide field adds btn
            $('#btn-print-discount').hide();

            //hide tombol shortcut nominal mata uang
            $('#con_button_nominal').hide();

            //hide Layar Nominal Pembayaran
            $('#nominal_pembayaran').hide();

            //hide Tombol Print Preview Discound dan Split Bill
            $('#btn-print-discount').hide();

            //hide Numpad
            $('#container_modal_cash').hide();

            // enable btn deal pos
            $('#btn_deal_pos').removeAttr('disabled').attr('class', 'btn col-md-12 bg-primary');

            let totalForComplimentary = 0;

            if (shop_condition == 2) {
                for (let i = 1; i <= kondisiCarts; i++) {
                    let menuId = $('[name="cost_complimentary['+i+']"]').data('menu_id');
                    let price = $('[name="price['+i+']"]').val();


                    $('.text_total_biaya'+menuId).text('Rp. '+formatRibuanComma(Number(price)))
                }
            }else if(shop_condition == 1){
                let idMenus = $('[name="menu_id_non_resto[]"]');

                $.each(idMenus, function(key, val){
                    let menuId = $(val).val();
                    let price = $('#price_input_split_'+menuId).val();

                    $('#html_biaya_review_'+menuId).text('Rp. '+formatRibuanComma(Number(price)))
                });
            }

            priceHtmlOperator(sub_total, ppn_charge, service_charge, grand_total)

            $('#bayar_id').text('Total - Rp. '+grand_total)

        // Roomservice
        } else if (tipe == 2) {

            //Metode Complimentary Di hidden dan field didisable
            $('#field_complimentary').hide();
            $('#complimentary_checkbox').attr('disabled', 'disabled');
            $('#complimentary_checkbox').removeAttr('checked');
            $('#complimentary').attr('disabled', 'disabled');
            $('#complimentary').select2().val('').trigger('change');
            $('#coa_select_compliment').attr('disabled', true).val(null).select2()

            $('#complimentary_id').attr('disabled', true).val(null)
            $('#coa_id').attr('disabled', true).val(null)

            // Metode Kamar
            $('#field_kamar').hide();
            $('#in_house').attr('disabled', 'disabled');
            $('#in_house').removeAttr('checked');
            $('#kamar_id').attr('disabled', 'disabled');

            //Metode Roomservice dihidden dan field didisable
            $('#field_room_service').show();
            $('#room_service_checkbox').attr('disabled', 'disabled');
            $('#room_service_checkbox').removeAttr('checked');
            $('#room_service').removeAttr('disabled');

           //Metode Ledger di hidden dan field didisable
            $('#field_ledger').hide();
            $('#ledger_checkbox').attr('disabled', 'disabled');
            $('#ledger_checkbox').removeAttr('checked');
            $('#ledger_id').attr('disabled', 'disabled');

            //show field adds btn
            $('#btn-print-discount').show();

            //show tombol shortcut nominal mata uang
            $('#con_button_nominal').show();

            //show Layar Nominal Pembayaran
            $('#nominal_pembayaran').show();

            //show Tombol Print Preview Discound dan Split Bill
            $('#btn-print-discount').show();

            //show Numpad
            $('#container_modal_cash').show();

            let totalForComplimentary = 0;

            if (shop_condition == 2) {
                for (let i = 1; i <= kondisiCarts; i++) {
                    let menuId = $('[name="cost_complimentary['+i+']"]').data('menu_id');
                    let price = $('[name="price['+i+']"]').val();


                    $('.text_total_biaya'+menuId).text('Rp. '+formatRibuanComma(Number(price)))
                }
            }else if(shop_condition == 1){
                let idMenus = $('[name="menu_id_non_resto[]"]');

                $.each(idMenus, function(key, val){
                    let menuId = $(val).val();
                    let price = $('#price_input_split_'+menuId).val();

                    $('#html_biaya_review_'+menuId).text('Rp. '+formatRibuanComma(Number(price)))
                });
            }

            priceHtmlOperator(sub_total, ppn_charge, service_charge, grand_total)

            $('#bayar_id').text('Total - Rp. '+grand_total)

            checkPayment();

        // Ledgers
        } else if (tipe == 3) {


            //Metode Complimentary Di hidden dan field didisable
            $('#field_complimentary').hide();
            $('#complimentary_checkbox').attr('disabled', 'disabled');
            $('#complimentary_checkbox').removeAttr('checked');
            $('#complimentary').attr('disabled', 'disabled');
            $('#complimentary').select2().val('').trigger('change');
            $('#coa_select_compliment').attr('disabled', true).val(null).select2()

            $('#complimentary_id').attr('disabled', true).val(null)
            $('#coa_id').attr('disabled', true).val(null)

            // Metode Kamar
            $('#field_kamar').hide();
            $('#in_house').attr('disabled', 'disabled');
            $('#in_house').removeAttr('checked');
            $('#kamar_id').attr('disabled', 'disabled');

            //Metode Roomservice dihidden dan field didisable
            $('#field_room_service').hide();
            $('#room_service_checkbox').attr('disabled', 'disabled');
            $('#room_service_checkbox').removeAttr('checked');
            $('#room_service').attr('disabled', 'disabled');

           //Metode Ledger di hidden dan field didisable
            $('#field_ledger').show();
            $('#ledger_checkbox').attr('disabled', 'disabled');
            $('#ledger_checkbox').removeAttr('checked');
            $('#ledger_id').removeAttr('disabled');

            //show field adds btn
            $('#btn-print-discount').show();

            //show tombol shortcut nominal mata uang
            $('#con_button_nominal').show();

            //show Layar Nominal Pembayaran
            $('#nominal_pembayaran').show();

            //show Tombol Print Preview Discound dan Split Bill
            $('#btn-print-discount').show();

            //show Numpad
            $('#container_modal_cash').show();

            let totalForComplimentary = 0;

            if (shop_condition == 2) {
                for (let i = 1; i <= kondisiCarts; i++) {
                    let menuId = $('[name="cost_complimentary['+i+']"]').data('menu_id');
                    let price = $('[name="price['+i+']"]').val();


                    $('.text_total_biaya'+menuId).text('Rp. '+formatRibuanComma(Number(price)))
                }
            }else if(shop_condition == 1){
                let idMenus = $('[name="menu_id_non_resto[]"]');

                $.each(idMenus, function(key, val){
                    let menuId = $(val).val();
                    let price = $('#price_input_split_'+menuId).val();

                    $('#html_biaya_review_'+menuId).text('Rp. '+formatRibuanComma(Number(price)))
                });
            }

            priceHtmlOperator(sub_total, ppn_charge, service_charge, grand_total)

            $('#bayar_id').text('Total - Rp. '+grand_total)

            checkPayment();

        // Compliment
        }else if (tipe == 4) {

           //  //Metode Complimentary Di munculkan
           //  $('#field_complimentary').show();
           //  $('#complimentary_checkbox').removeAttr('disabled');
           //  $('#complimentary').attr('disabled', 'disabled');
		   //
           //  // Metode Kamar
           //  $('#field_kamar').hide();
           //  $('#in_house').attr('disabled', 'disabled');
           //  $('#in_house').removeAttr('checked');
           //  $('#kamar_id').attr('disabled', 'disabled');
		   //
           //  //Metode Roomservice dihidden dan field didisable
           //  $('#field_room_service').hide();
           //  $('#room_service_checkbox').attr('disabled', 'disabled');
           //  $('#room_service_checkbox').removeAttr('checked');
           //  $('#room_service').attr('disabled', 'disabled');
		   //
           // //Metode Ledger di hidden dan field didisable
           //  $('#field_ledger').hide();
           //  $('#ledger_checkbox').attr('disabled', 'disabled');
           //  $('#ledger_checkbox').removeAttr('checked');
           //  $('#ledger_id').attr('disabled', 'disabled');
		   //
           //  //show field adds btn
           //  $('#btn-print-discount').hide();
		   //
           //  //hide tombol shortcut nominal mata uang
           //  $('#con_button_nominal').hide();
		   //
           //  //hide Layar Nominal Pembayaran
           //  $('#nominal_pembayaran').hide();
		   //
           //  //hide Tombol Print Preview Discound dan Split Bill
           //  $('#btn-print-discount').hide();
		   //
           //  //hide Numpad
           //  $('#container_modal_cash').hide();
		   //
           //  // enable btn deal pos
           //  $('#btn_deal_pos').removeAttr('disabled').attr('class', 'btn col-md-12 bg-primary');

		   //Metode Complimentary Di munculkan
           $('#field_complimentary').show();

		   $('#field_kamar').hide();
		   $('#complimentary').attr('disabled', false)
		   $('#field_kartu_debit').hide()

		   let complimentary_name = $('#complimentary').find(':selected').data('name')
		   let complimentary_id = $('#complimentary').find(':selected').val()
		   let coa_id = $('#coa_select_compliment').attr('disabled', false).val()

		   if (kondisiCarts < 1) {
			   $('#btn_deal_pos').removeClass('bg-danger').addClass('bg-primary').attr('disabled', true)
		   } else {
			   if (complimentary_id != '') {
				   $('#btn_deal_pos').removeClass('bg-danger').addClass('bg-primary').attr('disabled', false)
			   }else{
				   $('#btn_deal_pos').removeClass('bg-danger').addClass('bg-primary').attr('disabled', true)
			   }
		   }

		   $('#pelanggan').attr('disabled', true)
		   $('#complimentary_name').attr('disabled', false)
		   $('#complimentary_id').attr('disabled', false)
		   $('#coa_id').attr('disabled', false).val(coa_id)
		   $('#complimentary_name').val(complimentary_name)
		   $('#complimentary_id').val(complimentary_id)

		//    let totalForComplimentary = 0;
		//    let sub_total_complimentary = sub_total;

		//    if (shop_condition == 2) {
		// 	   for (let i = 1; i <= kondisiCarts; i++) {
		// 		   let costComplimentary = $('[name="cost_complimentary['+i+']"]').val();
		// 		   let menuId = $('[name="cost_complimentary['+i+']"]').data('menu_id');
		// 		   let price = $('[name="price['+i+']"]').val();


		// 		   totalForComplimentary = price * costComplimentary/100;

		// 		   // sub total di kurangi harga menu untuk jaga jaga jika ada custom menu
		// 		   sub_total_complimentary -= price

		// 		   sub_total_complimentary += totalForComplimentary;

		// 		   $('.text_total_biaya'+menuId).text('Rp. '+Number(totalForComplimentary).toLocaleString('ID'))
		// 	   }
		//    }else if(shop_condition == 1){
		// 	   let idMenus = $('[name="menu_id_non_resto[]"]');

		// 	   $.each(idMenus, function(key, val){
		// 		   let costComplimentary = $(val).data('cost_complimentary');
		// 		   let menuId = $(val).val();
		// 		   let price = $('#price_input_split_'+menuId).val();

		// 		   totalForComplimentary = price * costComplimentary/100;

		// 		   // sub total di kurangi harga menu untuk jaga jaga jika ada custom menu
		// 		   sub_total_complimentary -= price
		// 		   sub_total_complimentary += totalForComplimentary;

		// 		   $('#html_biaya_review_'+menuId).text('Rp. '+Number(totalForComplimentary).toLocaleString('ID'))
		// 	   });
		//    }

		   priceHtmlOperator(sub_total, 0, 0, sub_total)

		   $('#bayar_id').text('Total - Rp. 0')
		   // $('#chek_in_id').text('Masukkan Ke Tagihan Kamar - Rp. 0')

		   //Hide field tranfer bill dan disabled
		   $('#transfer_nonstay_folio').removeAttr('checked');
		   $('#folio_dummy_id').attr('disabled', 'disabled');
		   $('#field_transfer_bill').hide();

		   //Metode Roomservice dihidden dan field didisable
		   $('#field_room_service').hide();
		   $('#room_service_checkbox').attr('disabled', 'disabled');
		   $('#room_service_checkbox').removeAttr('checked');
		   $('#room_service').attr('disabled', 'disabled');

		   //Metode Ledger di hidden dan field didisable
		   $('#field_ledger').hide();
		   $('#ledger_checkbox').attr('disabled', 'disabled');
		   $('#ledger_checkbox').removeAttr('checked');
		   $('#ledger_id').attr('disabled', 'disabled');

		   //Hide tombol shortcut nominal mata uang
		   $('#con_button_nominal').hide();

		   //Hide Layar Nominal Pembayaran
		   $('#nominal_pembayaran').hide();

		   //Hide Numpad
		   $('#container_modal_cash').hide();
		   //hide Tombol Print Preview Discound dan Split Bill
		   $('#btn-print-discount').hide();

	    }else{
		   $('#complimentary').attr('disabled', true)
		   // $('#field_kamar').show();

		   // $('#field_kartu_debit').show()

		   $('#grand_total_pos').attr('disabled', false)
		   $('#sub_total_pos').attr('disabled', false)
		   $('#total_payment_pos_complimentary').attr('disabled', true)
		   $('#grand_total_pos_complimentary').attr('disabled', true)
		   $('#sub_total_pos_complimentary').attr('disabled', true)

		   $('#total_payment_pos').attr('disabled', false)
		   let payment = $('#total_payment_pos').val();

		   if (payment <= grand_total) {
			   if (payment == '') {
				   $('#btn_deal_pos').removeClass('bg-danger').addClass('bg-primary').attr('disabled', true)
			   }else{
				   $('#btn_deal_pos').removeClass('bg-primary').addClass('bg-danger').attr('disabled', true)
			   }
		   } else {
			   $('#btn_deal_pos').removeClass('bg-danger').addClass('bg-primary').attr('disabled', false)
		   }

		   $('#pelanggan').attr('disabled', false)
		   $('#complimentary_name').attr('disabled', true)
		   $('#complimentary_id').attr('disabled', true)
		   $('#coa_id').attr('disabled', true)

		   let totalForComplimentary = 0;

		   if (shop_condition == 2) {
			   for (let i = 1; i <= kondisiCarts; i++) {
				   let menuId = $('[name="cost_complimentary['+i+']"]').data('menu_id');
				   let price = $('[name="price['+i+']"]').val();


				   $('.text_total_biaya'+menuId).text('Rp. '+formatRibuanComma(Number(price)))
			   }
		   }else if(shop_condition == 1){
			   let idMenus = $('[name="menu_id_non_resto[]"]');

			   $.each(idMenus, function(key, val){
				   let menuId = $(val).val();
				   let price = $('#price_input_split_'+menuId).val();

				   $('#html_biaya_review_'+menuId).text('Rp. '+formatRibuanComma(Number(price)))
			   });
		   }

		   priceHtmlOperator(sub_total, ppn_charge, service_charge, grand_total)

		   $('#bayar_id').text('Total - Rp. '+grand_total)
        }

        // Protection for Room Service
        conditionRoomService(tipe)

    }

    function pickPlatform(id, value){
        if (value) {
            console.log('on')
            $('.paymentInput_'+id).removeAttr('disabled');
        }else{
            console.log('off')
            $('.paymentInput_'+id).attr('disabled', true);
        }
    }


    // Protection for roomservice with transfer kamar
    function conditionRoomService(tipe){
        if (tipe == 2){
            console.log('rooms')
            let html =      `@foreach(config('custom.jenis_pembayaran') as $key => $value)
                                @if (in_array($key, [3,7,8]))
                                    @continue
                                @endif
                                    <option value="{{$key}}">{{$value}}</option>
                            @endforeach`;

            $('.jenis_bayar').html(html)

        }else{
            console.log('not-rooms')
            let html =      `@foreach(config('custom.jenis_pembayaran') as $key => $value)
                                @if(in_array($key, [3,8]))
                                    @continue
                                @endif
                                <option value="{{$key}}">{{$value}}</option>
                            @endforeach`;

            $('.jenis_bayar').html(html)
        }
    }

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

    // function to get coa by department
    function getCoaDepartment(){
        let comp_id = $('#complimentary').val();
        console.log(comp_id)
        $.ajax({
            type: "get",
            url: "{{ route('get.coacompliment')}}",
            data: {
                comp_id:comp_id
            },
            dataType: "json",
            success: function (data) {
               let select = ` <option value="">-- Select Payment --</option>`
               if (data.coa_meals) {
                   select += ` <option value="${data.coa_meals.id}">${data.coa_meals.description} - (Employee Meals)</option>`
               }
               if (data.coa_entertain) {
                   select += ` <option value="${data.coa_entertain.id}">${data.coa_entertain.description} - (Entertain)</option>`
               }
               $('#coa_select_compliment').html(select)
            }
        });
    }

    // function check change status
    function checkChangeStatus(val){
        if(val && val!='kosong'){
            $('#custom_status_text').attr('disabled', true).val(null)
            $('#custom_status_nonresto').attr('disabled', true).val(null)
        }else if(!val){
            $('#custom_status_text').attr('disabled', false).val(null)
            $('#custom_status_nonresto').attr('disabled', false).val(null)
        }
    }

    $('#status_remove_item').on('change', function(){
        console.log(this.value)
        if(this.value && this.value!='kosong'){
            $('#status_textarea').attr('disabled', true).val(null)
        }else if(!this.value){
            $('#status_textarea').attr('disabled', false).val(null)
        }
    })

    // function change status cart
    function setStatusCart(){

        let cart_id       = $('#hidden_cartresto_id').val();

        let status_value  = $('#status_cart_modal').val();

        let custom_status = $('#custom_status_text').val();

        $.ajax({
            type: "post",
            url: "{{ route('change_status.pos') }}",
            data: {
                _token  : '{{csrf_token()}}',
                idcart  : cart_id,
                status  : status_value,
                custom  : custom_status,
             },
            dataType: "json",
            success: function (response) {
                if (response == 'success') {
                    new PNotify({
                        title: 'Success',
                        text: 'Status Cart Changed.',
                        icon: 'icon-checkmark3',
                        type: 'success'
                    });
                }else if(response == 'error'){
                    new PNotify({
                        title: 'Error',
                        text: 'Error when change status',
                        icon: 'icon-blocked',
                        type: 'error'
                    });
                }
            }
        });
    }

    var FormValidation = function() {

        // Validation config
        var _componentValidation = function() {
            if (!$().validate) {
                console.warn('Warning - validate.min.js is not loaded.');
                return;
            }

            // Initialize
            var validator = $('.form-validate-jquery').validate({
                ignore: 'input[type=hidden], .select2-search__field', // ignore hidden fields
                errorClass: 'validation-invalid-label',
                //successClass: 'validation-valid-label',
                validClass: 'validation-valid-label',
                highlight: function(element, errorClass) {
                    $(element).removeClass(errorClass);
                },
                unhighlight: function(element, errorClass) {
                    $(element).removeClass(errorClass);
                },
                // success: function(label) {
                //    label.addClass('validation-valid-label').text('Success.'); // remove to hide Success message
                //},

                // Different components require proper error label placement
                errorPlacement: function(error, element) {

                    // Unstyled checkboxes, radios
                    if (element.parents().hasClass('form-check')) {
                        error.appendTo( element.parents('.form-check').parent() );
                    }

                    // Input with icons and Select2
                    else if (element.parents().hasClass('form-group-feedback') || element.hasClass('select2-hidden-accessible')) {
                        error.appendTo( element.parent() );
                    }

                    // Input group, styled file input
                    else if (element.parent().is('.uniform-uploader, .uniform-select') || element.parents().hasClass('input-group')) {
                        error.appendTo( element.parent().parent() );
                    }

                    // Other elements
                    else {
                        error.insertAfter(element);
                    }
                }
            });

        };

        // Return objects assigned to module
        return {
            init: function() {
                _componentValidation();
            }
        }
    }();

    document.addEventListener('DOMContentLoaded', function() {
        FormValidation.init();
    });
</script>
@endsection