@extends ('menu/index')
@section('konten-update-metode-bayar')
<main class="app-main">
    @include('Transaksi/layout-transaksi/navbar-transaksi')
    <!--begin::App Content Header-->
    <div class="p-5">
        <p class="text-center">Update Metode Bayar</p>  
        <form action="{{ route('simpanupdatemetodebayar', ['id' => $id]) }}" method="POST">
            @csrf
            <div class="form-check">
                <input class="form-check-input" type="radio" name="for_metode_bayar_name" id="for_metode_bayar" value="Tunai">
                <label class="form-check-label" for="for_metode_bayar">
                    Tunai
                </label>
            </div>
            
            <div class="form-check">
                <input class="form-check-input" type="radio" name="for_metode_bayar_name" id="for_metode_bayar" value="Qris">
                <label class="form-check-label" for="for_metode_bayar">
                    Qris
                </label>
            </div>
            
            <div class="form-check">
                <input class="form-check-input" type="radio" name="for_metode_bayar_name" id="for_metode_bayar" value="Debit BCA">
                <label class="form-check-label" for="for_metode_bayar">
                    Debit BCA
                </label>
            </div>

            <div class="form-check">
                <input class="form-check-input" type="radio" name="for_metode_bayar_name" id="for_metode_bayar" value="Debit Mandiri">
                <label class="form-check-label" for="for_metode_bayar">
                    Debit Mandiri
                </label>
            </div>

            <div class="form-check">
                <input class="form-check-input" type="radio" name="for_metode_bayar_name" id="for_metode_bayar" value="Debit BNI">
                <label class="form-check-label" for="for_metode_bayar">
                    Debit BNI
                </label>
            </div>

            <div class="form-check">
                <input class="form-check-input" type="radio" name="for_metode_bayar_name" id="for_metode_bayar" value="Debit BRI">
                <label class="form-check-label" for="for_metode_bayar">
                    Debit BRI
                </label>
            </div>
            
            <div class="form-check">
                <input class="form-check-input" type="radio" name="for_metode_bayar_name" id="for_metode_bayar" value="Debit CIMB NIAGA">
                <label class="form-check-label" for="for_metode_bayar">
                    Debit CIMB NIAGA
                </label>
            </div>

            <div class="form-check">
                <input class="form-check-input" type="radio" name="for_metode_bayar_name" id="for_metode_bayar" value="GOPAY">
                <label class="form-check-label" for="for_metode_bayar">
                    GOPAY
                </label>
            </div>

            <div class="form-check">
                <input class="form-check-input" type="radio" name="for_metode_bayar_name" id="for_metode_bayar" value="OVO">
                <label class="form-check-label" for="for_metode_bayar">
                    OVO
                </label>
            </div>

            <div class="form-check">
                <input class="form-check-input" type="radio" name="for_metode_bayar_name" id="for_metode_bayar" value="TRANSFER">
                <label class="form-check-label" for="for_metode_bayar">
                    TRANSFER
                </label>
            </div>
            
            
            <div>
              <div>
                  @if ($errors->has('for_status_bayar_name'))
                  <div style="background-color: red;" class="badge text-bg-danger">{{$errors->first('for_status_bayar_name')}}</div>
                  @endif
              </div>
                  <button class="group mt-3 relative h-6 w-36 overflow-hidden rounded-2xl bg-dark text-xs text-white">
                    Simpan Update<span></span>
                    <div class="absolute inset-0 h-full w-full scale-0 rounded-2xl transition-all duration-300 group-hover:scale-100 group-hover:bg-white/30"></div>
                </button>
            </div>
        </form>
    </div>
</main>
@endsection
