@extends('layout.main2')

@section('title','Edit Detail Member')

@section('container')
<div class="container">
    <div class="row">
        <div class="col-6">
            <h1 class="mt-3">Edit Detail Member</h1>
            <form method="post" action="/members_details/{{ $members_detail->id }}">  
                    @method('patch')
                    @csrf
                    <div class="form-group">
                        <label for="member_id">Member ID</label>
                        <input type="text" value={{ $members_detail->member_id}} name="member_id" id="member_id" readonly 
                        class="form-control" >
                    </div>
                    <div class="form-group">
                        <label for="no_member_customer">No. Member</label>
                        <input type="text" value={{ $members_detail->member->no_member_customer}} name="no_member_customer" id="no_member_customer" readonly 
                        class="form-control" >
                    </div>
                    <div class="form-group">
                        <label for="nofolio">No.Folio</label>
                        <input type="text" value={{ $members_detail->nofolio}} name="nofolio" id="nofolio" readonly
                        class="form-control" >
                    </div>

                    <div class="form-group">
                        <label for="nama_customer">Guest Name</label>
                        <input type="text" value={{ $members_detail->Member->nama_customer }} name="nama_customer" id="nama_customer" readonly
                        class="form-control" >
                    </div>                    

                    <div class="form-group">
                    <label for="">Room Type</label>
                    <select class="form-select" name="room_type" id="room_type">
                        @foreach ($tbl_rooms as $tbl_room)
                            <option value="{{ $tbl_room->room_type }}">{{ $tbl_room->room_type }}</option>
                        @endforeach
                    </select>
                    </div>
                    
                    <div class="form-group">
                    <label for="">Room Number</label>
                    <select class="form-select" name="room_number" id="room_number">
                        @foreach ($tbl_rooms as $tbl_room)
                            <option value="{{ $tbl_room->room_number }}">{{ $tbl_room->room_number }}</option>
                        @endforeach
                    </select>
                    </div>

                    <!-- <div class="form-group">
                        <label for="">Room Type</label>
                        <select class="form-select" name="room_type" id="room_type">
                            <option value="{{ $members_detail->room_type }}">{{ $members_detail->room_type }}</option>
                            <option value="1">DELUXE</option>
                            <option value="2">BUSSINES SUITE</option>
                        <option value="3">PRESIDENT SUITE</option>
                    </select>
                    </div>


                    <div class="form-group">
                        <label for="room_number">Room Number</label>
                        <input type="text" value={{ $members_detail->room_number}} name="room_number" 
                        placeholder="Masukkan room number" id="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="date_checkin">Checkin Date</label>
                        <input type="date" value={{ $members_detail->date_checkin}} name="date_checkin" 
                         placeholder="Masukkan date_checkin" 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" value={{ $members_detail->date_checkout}} name="date_checkout" 
                         placeholder="Masukkan date_checkout" 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">
                        <label for="harga">Harga</label>
                        <input type="text" value="{{ $members_detail->harga}}" name="harga" 
                        placeholder="Masukkan harga kamar" 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="\members">Kembali</a>
                </form>                
        </div>
    </div>
</div>
@endsection