@extends('layout.main2')

@section('title','Form Create Member Baru')


@section('container')


<div class="container">
    <div class="row">
        <div class="col-5">
            <h1 class="mt-3">Form Create Member Baru</h1>
            <div class="card">
                
                <form method="post" action="/members">  
                    @csrf
                    <div class="form-group">
                        <label for="nama_customer">Guest Name</label>
                        <input type="text" maxlength="50" size="50"name="nama_customer" placeholder="Masukkan Guest Name" id="nama_customer"
                         value="{{ old('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" maxlength="10" size="10" name="no_member_customer" placeholder="Masukkan No Member" id="no_member_customer"
                        value="{{ old('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 name="member_type_customer" id="member_type_customer" class="form-control @error('member_type_customer') is-invalid @enderror">
                        <option value="" selected>---Pilih Member Type---</option>
                        @foreach ($tbl_members as $tbl_member)
                            <option value="{{ $tbl_member->member_type }}">{{ $tbl_member->member_type }}</option>
                        @endforeach
                    </select>
                    @error('member_type_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">  
                        <option selected>Choose...</option>
                        <option value="old('member_type_customer')">old('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" maxlength="12" size="12" name="date_member"  placeholder="Masukkan Join Member date" id="date_member"
                         value="{{ old('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" placeholder="Masukkan date expired member" id="date_expired"
                        value="{{ old('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_totSave" id="harga_totSave" value="{{ old('harga_totSave') }}">-->
                        <input type="text" name="harga_tot" placeholder="Masukkan harga total" id="harga"
                         onkeyup="convertToRupiah(this)" onblur="copytextbox()"
                            value="{{ old('harga_tot') }}" 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>
                    -->
                    <button type="submit" class="btn btn-primary">Tambah Data</button>
                    <a class="badge bg-info" href="\members">Kembali</a>
                </form>    
            </div>
             
        </div>
    </div>
</div>
@endsection