@extends('layout.main2')

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


@section('container')
<div class="container">
     <div class="row">
        <div class="col-6">
            <h1 class="mt-3">Form Edit Room</h1>
            <form method="post" action="/tbl_rooms/{{ $tbl_room->room_number }}">  
                    @method('patch')
                    @csrf

                    <div class="form-group">
                    <label for="room_type">Room Type</label>
                    <select name="room_type" id="room_type" disabled
                     class="form-control @error('room_type') is-invalid @enderror" >
                    <option  value="{{ $tbl_room->room_type }}" selected >{{ $tbl_room->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>
                        @enderror    -->
                    </div>

                    <div class="form-group">    
                    <label>Room Number</label>
                    <select name="room_number" id="room_number" disabled
                     class="form-control @error('room_number') is-invalid @enderror">
                        <option  value="{{ $tbl_room->room_number }}" selected>{{ $tbl_room->room_number }}</option>
                    </select>
                        <!-- @error('room_number')
                            <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="{{ $tbl_room->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;
                              
                            }
                        </script>
                    </div>



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