@extends('layout.main2')

@section('title','Form Tambah Room')



@section('container')
<div class="container">
    <div class="row">
        <div class="col-5">
            <h1 class="mt-3">Form Tambah Room</h1>
            <div class="card">
                
                <form method="post" action="/tbl_rooms">  
                    @csrf
                    <div class="form-group">
                        <label for="room_type">Room Type</label>
                        <input type="text" maxlength="15" size="15"name="room_type" placeholder="Masukkan Room Type" id="room_type"
                         value="{{ old('room_type') }}" class="form-control @error('room_type') is-invalid @enderror" >
                         @error('room_type')
                           <div class="invalid-feedback">{{ $message }}</div>
                         @enderror
                    </div>
                    <div class="form-group">
                        <label for="no_member_customer">Room Number</label>
                        <input type="text" maxlength="10" size="10" name="room_number" placeholder="Masukkan Room Number" id="room_number"
                        value="{{ old('room_number') }}" class="form-control @error('room_number') is-invalid @enderror" >
                        @error('room_number')
                           <div class="invalid-feedback">{{ $message }}</div>
                         @enderror
                    </div>

                    <div class="form-group">
                        <label for="Harga">Harga</label>
                        <input type="text" name="harga" placeholder="Masukkan harga total" id="harga"
                        onkeyup="convertToRupiah(this)" onblur="copytextbox()"
                        value="{{ old('harga') }}" 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;
                              
                            }
                        </script>
                    </div>

                    <button type="submit" class="btn btn-primary">Tambah Data</button>
                    <a class="badge bg-info" href="\tbl_rooms">Kembali</a>
                </form>    
            </div>
             
        </div>
    </div>
</div>
@endsection