@extends('layout.main2')

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



@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
                    <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">{{ $message }}</div>-->
                            <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">{{ $message }}</div>-->
                            <div class="invalid-feedback">The Room Number field is required.</div>
                        @enderror
                    </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"
                         class="form-control @error('date_checkout') is-invalid @enderror" >
                         @error('date_checkout')
                           <div class="invalid-feedback">{{ $message }}</div>
                         @enderror
                    </div>

                    <div class="form-group">
                        <div class="form-group">
                            <label for="harga">Room/ 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 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="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>
@endsection