@extends('layout.main2')

@section('title','Form Edit Booking/Sewar')


@section('container')
<div class="container">
     <div class="row">
        <div class="col-6">
            <h1 class="mt-3">Form Edit Booking/Sewa</h1>
            <form method="post" action="/sewas/{{ $sewa->id }}">  
                    @method('patch')
                    @csrf

                    <div class="form-group">
                    <label for="room_type">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>-->
                    <option  value="{{ $sewa->room_type }}" selected>{{ $sewa->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="{{ $sewa->room_number }}" selected>{{ $sewa->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="{{ $sewa->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="{{ $sewa->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="{{ $sewa->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>

                    <div class="form-group">
                        <label for="nama_customer">Guest Name</label>
                        <input type="text" name="nama_customer" value="{{ $sewa->nama_customer }}"
                         placeholder="Masukkan Guest Name" id="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="{{ $sewa->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="{{ $sewa->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="{{ $sewa->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="{{ $sewa->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="{{ $sewa->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="payment">Payment</label>
                        <input type="text" name="payment" value="{{ $sewa->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="{{ $sewa->paymentby }}" class="form-control @error('paymentby') is-invalid @enderror" >
                         @error('paymentby')
                           <div class="invalid-feedback">{{ $message }}</div>
                         @enderror
                         
                    </div>


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