Duffer Derek

@extends('layout.main2')

@section('title','Form Create Member Baru')

<?php
$user = session('user');
$lvl = session('lvl');
?>


@section('container')
<div class="container">
    <div class="row">
        <div class="col-5">
            <h1 class="mt-3">Form Create Booking/Sewa</h1>
            <div class="card">
            
                <!--<form method="post" action="/members">-->  
                <form method="post" action="/sewas" >    
                    @csrf
                    <input type="hidden" maxlength="20" value="{{ $user }}" name="usertrs" id="usertrs">
                    <div class="form-group">
                    <label for="">Room Type</label>
                    <select name="room_type" id="room_type"
                     class="form-control @error('room_type') is-invalid @enderror" >
                    <option value="" selected>---Pilih Room Type---</option>
                    @foreach ($room_type as $r_kab)
                        <option  value="{{$r_kab->room_type}}">{{$r_kab->room_type}}</option>
                    @endforeach
                    </select>
                        @error('room_type')
                            <div class="invalid-feedback">The Room Type field is required.</div>
                        @enderror
                    </div>

                    <div class="form-group">    
                    <label>Room Number</label>
                    <select name="room_number" id="room_number"
                     class="form-control @error('room_number') is-invalid @enderror">
                        <option value="" selected>---Pilih Room Number---</option>
                    </select>
                        @error('room_number')
                            <div class="invalid-feedback">The Room Number field is required.</div>
                        @enderror
                    </div>
<!-- 
            <div class="form-group">
				<label>Supplier</label>
				<select class="form-control" name="supplierId" id="supplierId" >
					<option value=""></option>
				</select>
			</div>


			<div class="form-group">
				<label>Produk Supplier</label>
				<select class="control" name="barangId" id="barangId" style="width: 100%;">
					<option value=""> </option>
				</select>
            </div> -->

            <div class="form-group">
                        <!-- <div class="form-group">
                            <label for="harga">Room/ Night Rate </label>
                        <input type="text" name="hargapernight" value="{{ old('hargapernight') }}"
                         id="hargapernight"
                         onkeyup="convertToRupiah(this)" onblur="copytextbox()"
                         class="form-control @error('hargapernight') is-invalid @enderror" >
                         @error('hargapernight')
                           <div class="invalid-feedback">{{ $message }}</div>
                         @enderror -->

                         <!-- <script>
                            function copytextbox() {
                                //document.getElementById('harga_totSave').value = document.getElementById('rupiah').value;
                                thestring=document.getElementById('harga').value;
                                //var thestring = '100,000 IDR';
                                //var thenum = thestring.replace(/[^0-9]/g,'');
                                var thenum = thestring.replace(/[^0-9]/g,'');
                                //document.getElementById('harga_totSave').value = thenum;
                                document.getElementById('harga').value = thenum;
                                document.getElementById('payment').value = thenum;
                              
                            }
                        </script> -->
                    </div>

                    <div class="form-group">
                        <label for="date_checkin">Checkin Date</label>
                        <input type="date" name="date_checkin" value="{{ old('date_checkin') }}"
                         placeholder="Masukkan chekin date" id="date_checkin"
                         class="form-control @error('date_checkin') is-invalid @enderror" >
                         @error('date_checkin')
                           <div class="invalid-feedback">{{ $message }}</div>
                         @enderror
                    </div>

                    <div class="form-group">
                        <label for="date_checkout">Checkout Date</label>
                        <input type="date" name="date_checkout" value="{{ old('date_checkout') }}"
                         placeholder="Masukkan checkout date" id="date_checkout" onchange="calculateDateDifference()"
                         class="form-control @error('date_checkout') is-invalid @enderror" >
                         @error('date_checkout')
                           <div class="invalid-feedback">{{ $message }}</div>
                         @enderror
                    </div>

                    <script>
                        function calculateDateDifference() {
                            // Ambil nilai dari date_checkin dan date_checkout
                            var dateCheckin = document.getElementById('date_checkin').value;
                            var dateCheckout = document.getElementById('date_checkout').value;
                            var hargapernight = document.getElementById('harga').value;

                            // Pastikan kedua tanggal sudah diisi sebelum menghitung perbedaan
                            if (dateCheckin && dateCheckout) {
                                // Hitung perbedaan dalam milisekon
                                var differenceInMilliseconds = Date.parse(dateCheckout) - Date.parse(dateCheckin);

                                // Konversi perbedaan ke hari
                                var differenceInDays = differenceInMilliseconds / (1000 * 60 * 60 * 24);

                                // alert(differenceInDays);
                                // Tampilkan perbedaan ke elemen HTML tertentu (misalnya console atau elemen lainnya)
                                // console.log('Perbedaan hari: ' + differenceInDays);

                                // alert('Perbedaan hari: ' + differenceInDays);
                                document.getElementById('total_night').value = (differenceInDays);
                                document.getElementById('harga').value = (differenceInDays*hargapernight);
                                document.getElementById('payment').value = (differenceInDays*hargapernight);

                                document.getElementById('hargapernight').value = (hargapernight);
                                // Atau, update nilai ke elemen HTML tertentu
                                // document.getElementById('result').innerHTML = 'Perbedaan hari: ' + differenceInDays;
                            }
                        }
                    </script>

                    <div class="form-group">
                            <label for="hargapernight">Harga/Night</label>
                        <input type="text" readonly name="hargapernight" value="{{ old('hargapernight') }}"
                         placeholder="Total Per Night" id="hargapernight">
                    </div>

                    <div class="form-group">
                            <label for="harga">Total Night</label>
                        <input type="text" name="total_night" value="{{ old('total_night') }}"
                         placeholder="Total Night" id="total_night">
                    </div>

                    <div class="form-group">
                        <div class="form-group">
                            <label for="harga">Room/Total Rate</label>
                        <input type="text" name="harga" value="{{ old('harga') }}"
                         placeholder="Masukkan harga/ room rate" id="harga"
                         onkeyup="convertToRupiah(this)" onblur="copytextbox()"
                         class="form-control @error('harga') is-invalid @enderror" >
                         @error('harga')
                           <div class="invalid-feedback">{{ $message }}</div>
                         @enderror
                         <script>
                            function copytextbox() {
                                //document.getElementById('harga_totSave').value = document.getElementById('rupiah').value;
                                // thestring=document.getElementById('harga').value;
                                // var thenum = thestring.replace(/[^0-9]/g,'');
                                // document.getElementById('harga').value = thenum;
                                // document.getElementById('payment').value = thenum;
                              
                            }
                        </script>
                    </div>

                    <div class="form-group">
                        <label for="nama_customer">Guest Name</label>
                        <input type="text" maxlength="50" size="50"name="nama_customer" placeholder="Masukkan Guest Name" id="nama_customer"
                         value="{{ old('nama_customer') }}" class="form-control @error('nama_customer') is-invalid @enderror" >
                         @error('nama_customer')
                           <div class="invalid-feedback">{{ $message }}</div>
                         @enderror
                    </div>

                    
                    <div class="form-group">
                        <label for="phone">Phone Number</label>
                        <input type="text" maxlength="30" size="30"name="phone" placeholder="Masukkan phone number" id="phone"
                         value="{{ old('phone') }}" class="form-control @error('phone') is-invalid @enderror">
                         @error('phone')
                           <div class="invalid-feedback">{{ $message }}</div>
                         @enderror
                    </div>

                    <div class="form-group">
                        <label for="address">Address</label>
                        <input type="text" maxlength="50" size="50"name="address" placeholder="Masukkan Address" id="address"
                         value="{{ old('address') }}" class="form-control @error('address') is-invalid @enderror" >
                         @error('address')
                           <div class="invalid-feedback">{{ $message }}</div>
                         @enderror
                    </div>

                    <div class="form-group">
                        <label for="country">Country</label>
                        <input type="text" maxlength="20" size="20"name="country" placeholder="Masukkan country" id="country"
                         value="{{ old('country') }}" class="form-control @error('country') is-invalid @enderror" >
                         @error('country')
                           <div class="invalid-feedback">{{ $message }}</div>
                         @enderror
                    </div>

                    <div class="form-group">
                        <label for="remark">Remark</label>
                        <input type="text" maxlength="20" size="20"name="remark" placeholder="Masukkan remark" id="remark"
                         value="{{ old('remark') }}" class="form-control @error('remark') is-invalid @enderror" >
                         @error('remark')
                           <div class="invalid-feedback">{{ $message }}</div>
                         @enderror
                    </div>

                    <div class="form-group">
                        <label for="Status">Status</label>
                        <input type="text" maxlength="20" size="20"name="status" placeholder="Masukkan status" id="status"
                         value="{{ old('status') }}" class="form-control @error('status') is-invalid @enderror" >
                         @error('status')
                           <div class="invalid-feedback">{{ $message }}</div>
                         @enderror
                    </div>

                    <div class="form-group">
                        <div class="form-group">
                            <label for="paymentlbl">Payment</label>
                        <input type="text" name="payment" value="{{ old('payment') }}"
                         placeholder="Masukkan payment/ room rate" id="payment"
                         onkeyup="convertToRupiah(this)" onblur="copytextbox2()"
                         class="form-control @error('payment') is-invalid @enderror" >
                         @error('payment')
                           <div class="invalid-feedback">{{ $message }}</div>
                         @enderror
                         <script>
                            function copytextbox2() {
                                //document.getElementById('harga_totSave').value = document.getElementById('rupiah').value;
                                thestring=document.getElementById('payment').value;
                                //var thestring = '100,000 IDR';
                                //var thenum = thestring.replace(/[^0-9]/g,'');
                                var thenum = thestring.replace(/[^0-9]/g,'');
                                //document.getElementById('harga_totSave').value = thenum;
                                document.getElementById('payment').value = thenum;
                              
                            }
                        </script>
                    </div>

                    <div class="form-group">
                        <label for="paymentby">Payment By</label>
                        <input type="text" maxlength="20" size="20"name="paymentby" placeholder="Masukkan paymentby" id="paymentby"
                         value="{{ old('paymentby') }}" class="form-control @error('paymentby') is-invalid @enderror" >
                         @error('paymentby')
                           <div class="invalid-feedback">{{ $message }}</div>
                         @enderror
                    </div>

                    <button type="submit" class="btn btn-primary">Tambah Data</button>
                    <!--<a class="badge bg-info" href="\members">Kembali</a>-->
                    <a class="badge bg-info" href="\sewas">Kembali</a>
                </form>
            </table>    
            </div>
             
        </div>
    </div>
</div>


<script>

    //--awal ini select2 bersarang supplier kmd browse produk yg dimiliki supplier
    //--1. Browse n find supplier
    $(document).ready(function() {
            $('#supplierId').select2({
                // placeholder: 'Pilih Supplier...',
                ajax: {
                    url: '/cari-supplier',
                    dataType: 'json',
                    delay: 250,
                    processResults: function(data) {
                        return {
                            results: $.map(data, function(item) {
                                return {
                                    text: item.nama + ' (' + item.kode + ')',
                                    id: item.id,
                                    resoureNameSuppl: item.nama
                                };
                            })
                        };
                    },
                    cache: true
                }
            });

        });
        
        //--2. browse produk punya supplier
        $(document).ready(function() {

            $('#barangId').select2({
                // placeholder: 'Pilih Barang Supplier...',
                ajax: {
                    url: '/cari-barang-supplier/'+ supplierId,
                    dataType: 'json',
                    delay: 250,
                    data: function(params) {
                        return {
                            q: params.term,
                            supplierId: $('#supplierId').val() // Isi dengan ID supplier yang sesuai  
                        };
                    },                    
                    processResults: function(data) {
                        //  alert(JSON.stringify(data)); // Menampilkan data dalam pesan alert
                        return {
                            results: $.map(data, function(item) {
                                return {
                                    // text: item.nama_brg + ' (' + item.kode_brg + ')',
                                    text: item.nama_brg + ' (' + item.kode_brg + ')'+ ' (' + item.kdgrouppm + ')',
                                    id: item.id_kode_brg,
                                    resoureNameBrg: item.nama_brg

                                };
                            })
                        };
                    },
                    cache: true
                }
            });

        });

       //--akhir ini select2 bersarang supplier kmd browse produk yg dimiliki supplier


</script>



@endsection