@extends('personal.dashboard.layouts.app')


@section('title',panel_setting_title("Panel"))



@push('style-libraries')

@endpush



@push('styles')

@endpush

@section('content')

 <div class="bg-white">
    <div class="container d-flex justify-content-center">
      <ul class="nav nav-tabs nav-lg border-bottom-0">
        <li class="nav-item"> <a class="nav-link active" href="{{('')}}">{{__('Para Yatır')}}</a></li>
        <li class="nav-item"> <a class="nav-link" href="{{('')}}">{{__('Para Çek')}}</a></li>
      </ul>
    </div>
  </div>
  <!-- Secondary menu end -->

  <!-- Content
  ============================================= -->
  <div id="content" class="py-4">
    <div class="container">

      <!-- Steps Progress bar -->
      <div class="row mt-4 mb-5">
        <div class="col-lg-11 mx-auto">
          <div class="row widget-steps">
            <div class="col-4 step complete">
              <div class="step-name">{{__('Detay')}}</div>
              <div class="progress">
                <div class="progress-bar"></div>
              </div>
              <a href="deposit-money.html" class="step-dot"></a> </div>
            <div class="col-4 step active">
              <div class="step-name">{{__('Talep Oluştur')}}</div>
              <div class="progress">
                <div class="progress-bar"></div>
              </div>
              <a href="#" class="step-dot"></a> </div>
            <div class="col-4 step disabled">
              <div class="step-name">{{__('Sonuç')}}</div>
              <div class="progress">
                <div class="progress-bar"></div>
              </div>
              <a href="#" class="step-dot"></a> </div>
          </div>
        </div>
      </div>
      <h2 class="fw-400 text-center mt-3 mb-4">İşlem Onayı</h2>
      <div class="row">
        <div class="col-md-9 col-lg-7 col-xl-6 mx-auto">
          <div class="bg-white shadow-sm rounded p-3 pt-sm-4 pb-sm-5 px-sm-5 mb-4">
            <h3 class="text-5 fw-400 mb-3 mb-sm-4">{{__('Talep Detayı')}}</h3>
            <hr class="mx-n3 mx-sm-n5 mb-4">
            <!-- Deposit Money Confirm
            ============================================= -->
            <form id="form-send-money" method="post">

              <div class="alert alert-info shadow-sm py-3 px-4 px-sm-2 mb-5">
                <div class="row gx-3 align-items-center">
                  <p class="col-sm-5 opacity-7 text-sm-end mb-0 mb-sm-3">{{('Hesap Sahibi Adı:')}}</p>
                  <p class="col-sm-7 text-3" id="hesapSahibiAdi"></p>
                </div>
                <div class="row gx-3 align-items-center">
                  <p class="col-sm-5 opacity-7 text-sm-end mb-0 mb-sm-3">{{('Iban No:')}}</p>
                  <p class="col-sm-7 text-3" id="iban"></p>
                </div>
                <div class="row gx-3 align-items-center">
                  <p class="col-sm-5 opacity-7 text-sm-end mb-0">{{__('Banka Adı')}}</p>
                  <p class="col-sm-7 text-3 mb-0" id="bank"></p>
                </div>
                <div class="row gx-3 align-items-center">
                  <p class="col-sm-5 opacity-7 text-sm-end mb-0">{{__('Müşteri Numaranız')}}</p>
                  <p class="col-sm-7 text-3 mb-0">{{\Illuminate\Support\Facades\Auth::user()->customer_id}}</p>
                </div>
              </div>
              <hr class="mx-n3 mx-sm-n5 mb-4">
              <h3 class="text-5 fw-400 mb-4">{{__('Bilgilendirme')}}</h3>
              <hr class="mx-n3 mx-sm-n5 mb-4">
              <i class="fas fa-info-circle info-icon mr-2"></i>
                            <span>
                                Yalnızca kendinize ait bir banka hesabından Havale/EFT yapabilirsiniz.
                            </span><br>
              <i class="fas fa-info-circle info-icon mr-2"></i>
                            <span>
                                Havale/EFT sırasında Müşteri Numarasını Açıklama Kısmınına yazmanız gerekmektedir.
                            </span>
              <hr>
              <p class="text-4 fw-500">{{__('Tutar')}}<span id="showAmount" class="float-end">1₺</span></p>
              <div class="d-grid"><button class="btn btn-primary">{{__('Talebi Onayla')}}</button></div>
            </form>
            <!-- Deposit Money Confirm end -->
          </div>
        </div>
      </div>
    </div>
  </div>

@endsection


@push('script-libraries')

@endpush

@push('scripts')
<script>
	document.addEventListener("DOMContentLoaded", function() {
    var amount = localStorage.getItem("amount");
    var paymentMethod = localStorage.getItem("paymentMethod");
    var bank = localStorage.getItem("bank");
    var hesapSahibiAdi = localStorage.getItem("hesapSahibiAdi");
    var iban = localStorage.getItem("iban");

    // Verileri kullanın
    document.getElementById("showAmount").innerText = amount+' ₺';
    document.getElementById("bank").innerText = bank;
    document.getElementById("hesapSahibiAdi").innerText = hesapSahibiAdi;
    document.getElementById("iban").innerText = iban;
        document.getElementById("showPaymentMethod").innerText = paymentMethod;

    });
</script>
@endpush