@extends('layout.main2')

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


@section('container')
<div class="container">
    <div class="row">
        <div class="col-6">
            <h1 class="mt-3">Edit Header Member</h1>
            <form method="post" action="/members/{{ $member->id }}">  
                    @method('patch')
                    @csrf
                    <div class="form-group">
                        <label for="nama_customer">Guest Name</label>
                        <input type="text" name="nama_customer" value={{ $member->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="no_member_customer">No. Member</label>
                        <input type="text" name="no_member_customer" value={{ $member->no_member_customer}} 
                         placeholder="Masukkan Member expired" id="no_member_customer"
                         class="form-control @error('no_member_customer') is-invalid @enderror" >
                         @error('no_member_customer')
                           <div class="invalid-feedback">{{ $message }}</div>
                         @enderror
                    </div>

                    <div class="form-group">
                    <label for="">Member Type</label>
                    <select class="form-select" name="member_type_customer" id="member_type_customer">
                        @foreach ($tbl_members as $tbl_member)
                            <option value="{{ $tbl_member->member_type }}">{{ $tbl_member->member_type }}</option>
                        @endforeach
                    </select>
                    </div>

                    <!-- <div class="form-group">
                    <label for="">Member Type</label>
                    <select class="form-select" name="member_type_customer" id="member_type_customer">
                        <option value={{ $member->member_type_customer}}>{{ $member->member_type_customer}}</option>
                        <option value="1">PLATINUM</option>
                        <option value="2">GOLD</option>
                        <option value="3">SILVER</option>
                    </select>
                    </div> -->

                    <div class="form-group">
                        <label for="date_member">Member Date</label>
                        <input type="date" name="date_member" type="text" value={{ $member->date_member}} 
                         placeholder="Masukkan expired date" id="date_member"
                         class="form-control @error('date_member') is-invalid @enderror" >
                         @error('date_member')
                           <div class="invalid-feedback">{{ $message }}</div>
                         @enderror
                    </div>

                    <div class="form-group">
                        <label for="date_expired">Member Expired</label>
                        <input type="date" name="date_expired" value={{ $member->date_expired}}
                        placeholder="Masukkan Member expired" id="date_expired"
                        class="form-control @error('date_expired') is-invalid @enderror" >
                         @error('date_expired')
                           <div class="invalid-feedback">{{ $message }}</div>
                         @enderror
                    </div>

                    <div class="form-group">
                        <label for="Harga Total Room">Harga Total Room</label>
                        <input type="text" name="harga_tot" value="{{ $member->harga_tot}}"
                         placeholder="Masukkan No Member" id="harga"
                         onkeyup="convertToRupiah(this)" onblur="copytextbox()"
                         class="form-control @error('harga_tot') is-invalid @enderror" >
                         @error('harga_tot')
                           <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="card-body">
                        <h5 class="card-title">agung </h5>
                        <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6>
                        <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                        <a href="#" class="card-link">Card link</a>
                        <a href="#" class="card-link">Another link</a>
                    </div>
                    -->
                    
                    <!--
                    <a href="{{ $member->id }}/edit" class="btn btn-primary">Edit</a>
                    <button type="submit" class="btn btn-danger">Delete</button>
                            <a href="" class="badge bg-danger">HAPUS</a>-->
                    <button type="submit" class="badge bg-primary">Simpan</button>
                    <a class="badge bg-info" href="\members">Kembali</a>
                </form>                
        </div>
    </div>
</div>
@endsection