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

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

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

@section('content')

	<!-- Page header -->
	<div class="page-header page-header-light">
		<div class="page-header-content header-elements-md-inline">
			<div class="page-title d-flex">
				<h4>  <span class="font-weight-semibold">Non Stay Folio</span> - History</h4>
				<a href="#" class="header-elements-toggle text-default d-md-none"><i class="icon-more"></i></a>
			</div>
            <div class="form-inline">
                <form action="{{url('nonstay-history')}}" method="get">
                    <input type="text"
                           value="{{ isset($_GET['periode']) ? $_GET['periode'] : '' }}"
                           class="form-control daterange-picker"
                           name="periode"
                           id="periode"
                    >
                    <input class="form-control"
                           list="datalistOptions"
                           name="nama"
                           id="nama"
                           size="38"
                           placeholder="Ketik nama / Kosongi Untuk Tampil Semua"
                           value="{{ isset($_GET['nama']) ? $_GET['nama'] : '' }}"
                           autocomplete="off"
                    >
                    <datalist id="datalistOptions">
                    </datalist>
                    <input type="hidden"
                           name="guest_profile_id"
                           value="{{ isset($_GET['guest_profile_id']) ? $_GET['guest_profile_id'] : '' }}"
                           id="guest_profile_id"
                    >
                    &nbsp;
                    <button class="btn btn-success"><i class="fa fa-search"></i>&nbsp;Cari Bill</button>
                </form>
            </div>
		</div>
	</div>
	<!-- /page header -->

	<!-- Content area -->
	<div class="content">
        <!-- Nonstay Folio -->
        @if(count($folio_dummies) > 0)
            @foreach($folio_dummies as $idx => $folio_dummy)
                @if($idx > 0)
                <hr class="my-3" style="border-style: dashed">
                @endif
            <div class="row mb-1">
                <div class="col-md-2">
                    <table style="width: 100%; font-weight:bolder" class="mt-1">
                        <tr>
                            <td style="width: 40%">Nomor Bill</td>
                            <td>: {{ $folio_dummy->no_bill }}</td>
                        </tr>
                        <tr>
                            <td>Jenis Bill</td>
                            <td>: {{ $folio_dummy->jenis_nonstay_folio == 1 ? config('custom.jenis_nonstay_folio')[$folio_dummy->jenis_nonstay_folio] : @$folio_dummy->shop->nama}}</td>
                        </tr>
                        <tr>
                            <td>Created Date</td>
                            <td>: {{ $folio_dummy->created_at->format('d-m-Y') }}</td>
                        </tr>
                        <tr>
                            <td>Status</td>
                            <td>: {{ config('custom.status_folio_dummy')[$folio_dummy->status] }}</td>
                        </tr>
                    </table>
                </div>
                <div class="col-md-4">
                    <table style="width: 100%; font-weight:bolder">
    					<tr>
    						<td style="width: 20%">Nomor Identitas</td>
    						<td>:
                                {{ $folio_dummy->guestProfile->id_cardno }}
                                {{ $folio_dummy->guestProfile->id_cardtype ? '('.@config('custom.jenis_identitas')[$folio_dummy->guestProfile->id_cardtype].')' : '' }}
                            </td>
    					</tr>
    					<tr>
    						<td>Nama</td>
    						<td>: {{$folio_dummy->guestProfile->title ? $folio_dummy->guestProfile->title.' ' : ''}}{{$folio_dummy->guestProfile->name}}</td>
    					</tr>
    					<tr>
    						<td>Alamat</td>
    						<td>:
                                {{$folio_dummy->guestProfile->address ? $folio_dummy->guestProfile->address.',' : ''}}
                                {{$folio_dummy->guestProfile->city ? $folio_dummy->guestProfile->city.',' : ''}}
                                {{$folio_dummy->guestProfile->country ? $folio_dummy->guestProfile->country : ''}}
                            </td>
    					</tr>
    				</table>
                </div>
            </div>
            <form action="{{url('print-nonstay-draft')}}" method="post" target="_blank">
                @csrf
                <input type="hidden" name="folio_dummy_id_draft" value="{{$folio_dummy->id}}">
                <div class="card">
                    <table class="table table-hover">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Type | User</th>
                                <th>Date</th>
                                <th style="width:10%" class="text-center">Qty</th>
                                <th>Description / Voucher</th>
                                <th>Per Item</th>
                                <th style="width:20%; text-align: center">Total</th>
                            </tr>
                        </thead>
                        <tbody>
                        @php
                        $no=1;
                        $idx_item=0;
                        $balance_due = 0;
                        @endphp

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

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

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

                                    </td>
                                    <td class="nama_deposit">
                                        Deposit {{ config('custom.jenis_deposit')[$deposit->jenis_deposit].' '.($deposit->jenis_deposit != 3 ? @$deposit->platform->nama.' '.$deposit->voucher : $bank_transfer) }}
                                    </td>
                                    <td></td>
                                    <td class="text-right">
                                        <input type="hidden" name="total[{{ $idx_item }}]"
                                               id="total{{$idx_item}}" data-idx="{{$idx_item}}"
                                               class="form-control" value="{{$deposit->nominal}}"
                                               {{($deposit->jenis_transaksi == 1) && is_null($deposit->deleted_at) ? '' : 'disabled'}}
                                        >
                                        @if($deposit->jenis_transaksi == 1)
                                            <span class="total_text">(-) {{ ribuan($deposit->nominal) }}</span>
                                            @php $balance_due -= $deposit->nominal; @endphp
                                        @else
                                            <span class="total_text">{{ ribuan($deposit->nominal) }}</span>
                                            @php $balance_due += $deposit->nominal; @endphp
                                        @endif
                                    </td>
                                </tr>
                                    @php
                                    $no++;
                                    $idx_item;
                                    @endphp
                                @endforeach
                            @endif

                            @if($folio_dummy->shopTransactions)
                                @foreach($folio_dummy->shopTransactions as $shop_transaction)
                                @php
                                $harga_satuan = $shop_transaction->total_biaya / $shop_transaction->jumlah;
                                @endphp
                                <tr id="shop_transaction{{$idx_item}}" class="{{$shop_transaction->jenis_transaksi == 1 ? 'text-success' : 'text-danger'}}">
                                    <td>
                                        @if(($shop_transaction->jenis_transaksi == 1) && is_null($shop_transaction->deleted_at) ? 'checked' : '')
                                        <input type="checkbox" name="check[{{$idx_item}}]"
                                               id="check{{$idx_item}}" value="{{$idx_item}}"
                                               data-idx="{{$idx_item}}"
                                               {{($shop_transaction->jenis_transaksi == 1) && is_null($shop_transaction->deleted_at) ? 'checked' : ''}}
                                        >
                                        @endif
                                        <input type="hidden" name="detail_id[{{ $idx_item }}]" id="detail_id{{$idx_item}}" value="" {{($shop_transaction->jenis_transaksi == 1) && is_null($shop_transaction->deleted_at) ? '' : 'disabled'}}>
                                        <input type="hidden" name="hotel_id[{{ $idx_item }}]" id="hotel_id{{$idx_item}}" value="{{$shop_transaction->hotel_id}}" {{($shop_transaction->jenis_transaksi == 1) && is_null($shop_transaction->deleted_at) ? '' : 'disabled'}}>
                                        <input type="hidden" name="folio_dummy_id[{{ $idx_item }}]" value="{{$shop_transaction->id}}" id="invoice_id{{$idx_item}}" {{($shop_transaction->jenis_transaksi == 1) && is_null($shop_transaction->deleted_at) ? '' : 'disabled'}}>
                                        <input type="hidden" name="booking_detail_id[{{ $idx_item }}]" id="booking_detail_id{{$idx_item}}" data-idx="{{$idx_item}}" {{($shop_transaction->jenis_transaksi == 1) && is_null($shop_transaction->deleted_at) ? '' : 'disabled'}}>
                                        <input type="hidden" name="shop_transaction_id[{{ $idx_item }}]" id="shop_transaction_id{{$idx_item}}" data-idx="{{$idx_item}}" value="{{$shop_transaction->id}}" {{($shop_transaction->jenis_transaksi == 1) && is_null($shop_transaction->deleted_at) ? '' : 'disabled'}}>
                                        <input type="hidden" name="booking_deposit_id[{{ $idx_item }}]" id="booking_deposit_id{{$idx_item}}" data-idx="{{$idx_item}}" {{($shop_transaction->jenis_transaksi == 1) && is_null($shop_transaction->deleted_at) ? '' : 'disabled'}}>
                                        <input type="hidden" name="pembayaran_id[{{ $idx_item }}]" id="pembayaran_id{{$idx_item}}" data-idx="{{$idx_item}}" {{($shop_transaction->jenis_transaksi == 1) && is_null($shop_transaction->deleted_at) ? '' : 'disabled'}}>
                                        <input type="hidden" name="date[{{ $idx_item }}]" id="date{{$idx_item}}" data-idx="{{$idx_item}}" value="{{ date('Y-m-d',strtotime($shop_transaction->created_at)) }}" {{($shop_transaction->jenis_transaksi == 1) && is_null($shop_transaction->deleted_at) ? '' : 'disabled'}}>
                                        <input type="hidden" name="description[{{ $idx_item }}]" id="description{{$idx_item}}" data-idx="{{$idx_item}}" value="{{@$shop_transaction->menu->nama}}" {{($shop_transaction->jenis_transaksi == 1) && is_null($shop_transaction->deleted_at) ? '' : 'disabled'}}>
                                        <input type="hidden" name="room_no[{{ $idx_item }}]" id="room_no{{$idx_item}}" data-idx="{{$idx_item}}" value="" {{($shop_transaction->jenis_transaksi == 1) && is_null($shop_transaction->deleted_at) ? '' : 'disabled'}}>
                                        <input type="hidden"
                                               name="harga_satuan[{{ $idx_item }}]"
                                               id="harga_satuan{{$idx_item}}"
                                               data-idx="{{$idx_item}}"
                                               value="{{$harga_satuan}}"
                                               {{($shop_transaction->jenis_transaksi == 1) && is_null($shop_transaction->deleted_at) ? '' : 'disabled'}}
                                        >
                                    </td>
                                    <td>{{ config('custom.jenis_transaksi')[$shop_transaction->jenis_transaksi] }} | {{ $shop_transaction->user->nama }}</td>
                                    <td class="tanggal_transaksi">{{ date('Y/m/d',strtotime($shop_transaction->transaction_date)) }}</td>
                                    <td class="text-center">
                                        <input type="hidden" name="qty[{{ $idx_item }}]" id="qty{{$idx_item}}" data-idx="{{$idx_item}}" class="form-control" value="{{ $shop_transaction->jumlah }}" min="0" {{($shop_transaction->jenis_transaksi == 1) && is_null($shop_transaction->deleted_at) ? '' : 'disabled'}}>
                                        <span class="qty_text">{{ ribuan($shop_transaction->jumlah) }}</span>
                                    </td>
                                    <td class="nama_menu">{{@$shop_transaction->menu->nama}}</td>
                                    <td class="harga_satuan">
                                        {{ ribuan($harga_satuan) }}
                                    </td>
                                    <td class="text-right">
                                        <input type="hidden" name="total[{{ $idx_item }}]"
                                               id="total{{$idx_item}}" data-idx="{{$idx_item}}"
                                               class="form-control" value="{{ $shop_transaction->total_biaya }}"
                                               {{($shop_transaction->jenis_transaksi == 1) && is_null($shop_transaction->deleted_at) ? '' : 'disabled'}}
                                        >
                                        @if($shop_transaction->jenis_transaksi == 1)
                                            <span class="total_text">{{ ribuan($shop_transaction->total_biaya) }}</span>
                                            @php $balance_due += $shop_transaction->total_biaya; @endphp
                                        @else
                                            <span class="total_text">(-) {{ ribuan($shop_transaction->total_biaya) }}</span>
                                            @php $balance_due -= $shop_transaction->total_biaya; @endphp
                                        @endif
                                    </td>
                                </tr>
                                    @php
                                    $no++;
                                    $idx_item++;
                                    @endphp
                                @endforeach
                            @endif
                        @else
                        <td class="text-center" colspan="9">Tidak Ada Transaksi</td>
                        @endif
                        </tbody>
                    </table>
                    <div class="card-footer p-1">
                        <button class="btn btn-success btn-lg btn-block"
                                type="submit"
                        >
                            <b>Print Nonstay Folio <i class="fas fa-file-invoice-dollar"></i></b>
                        </button>
                    </div>
                </div>
            </form>
            @endforeach
        @else
        <div class="row">
            <div class="col-md-12">
                <div class="alert alert-danger text-center" role="alert">
                    <h4>Tidak Ada Data</h4>
                </div>
            </div>
        </div>
        @endif
	</div>
	<!-- /content area -->
@endsection

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

	<script src="{{asset('assets/js/app.js')}}"></script>
	<script src="{{asset('global_assets/js/demo_pages/components_modals.js')}}"></script>
	<script>
        //Get Nama Autocomplete ketika mengisi Nama
        $('#nama').on('input', function(){
            let nama = $(this).val();
            autocompleteGuest(nama);
        });

        function autocompleteGuest(nama){
            let html = "";
            $.ajax({
                type: 'GET',
                url: "{{ url('/autocomplete-guest/')}}/"+nama,
                success: function (data) {
                    if(data.length > 0){
                        html = "";
                        $.each(data, function(key, val){
                            html += `<option value="${val.name} - ${val.id_cardno}"
                                             data-id="${val.id}"
                                             data-nama="${val.name}"
                                    >
                                        ${val.address}
                                    </option>`
                        });
                    }
                    else{
                        html = "";
                    }

                    $('#datalistOptions').html(html);
                }
            });
        }

        //Assign Value
        $('#nama').on('change', function(event){
            //Get guest profile id
            let autocomplete_element = $('#datalistOptions').find('option[value="'+$(this).val()+'"]')
            let guest_profile_id = autocomplete_element.attr('data-id');
            let guest_profile_name = autocomplete_element.attr('data-nama');
            //Reset Input
            $('#nama').val('');
            $('#guest_profile_id').val('');
            //Assign ID value
            $('#nama').val(guest_profile_name);
            $('#guest_profile_id').val(guest_profile_id);
        });

        //Date Range Picker
        @if(isset($_GET['periode']))
            @php
            $arr_tanggal = explode(" - ", $_GET['periode']);
            @endphp

            $('.daterange-picker').daterangepicker({
                applyClass: 'btn-primary',
                cancelClass: 'btn-light',
                startDate: '{{$arr_tanggal[0]}}',
                endDate: '{{$arr_tanggal[1]}}',
                locale: {
                  format: 'YYYY/MM/DD'
                }
            });
        @else
            $('.daterange-picker').daterangepicker({
                applyClass: 'btn-primary',
                cancelClass: 'btn-light',
                locale: {
                  format: 'YYYY/MM/DD'
                }
            });
        @endif

		var DatatableBasic = function() {

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

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

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

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

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

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

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

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

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


		    //
		    // Return objects assigned to module
		    //

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

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