@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" href="{{route('personal.dashboard.send.money')}}">{{__('Para Gönder')}}</a></li>
        <li class="nav-item"> <a class="nav-link active" href="{{route('personal.dashboard.request.money')}}">{{__('Para Talep Et')}}</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 active">
              <div class="step-name">{{__('Detay')}}</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">{{__('Onayla')}}</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">{{__('Para Talep Et')}}</h2>
      <p class="lead text-center mb-4">{{__(panel_setting_item('brand_name').' Kullanıcı Arkadaşlarından Para Talep Edebilirsiniz')}}</p>
      <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">{{__('İşlem Detayı')}}</h3>
            <hr class="mx-n3 mx-sm-n5 mb-4">
            <!-- Request Money Form
            ============================================= -->
            <form id="form-send-money">
              <div class="mb-3">
                <label for="payerName" class="form-label">{{__('Müşteri No')}}</label>
                <input type="text" value="" class="form-control" data-bv-field="payerName" id="payerName" required placeholder="Para Talep Edilecek Kişinin Müşteri Numarası">
              </div>
              <div class="mb-3">
                <label for="emailID" class="form-label">{{__('Müşteri E-Posta')}}</label>
                <input type="text" value="" class="form-control" data-bv-field="emailid" id="emailID" required placeholder="Para Talep Edilecek Kişinin E-Posta Adresi">
              </div>
              <div class="mb-3">
                <label for="inputCountry" class="form-label">Ülke</label>
                <select class="form-select" id="inputCountry" name="country_id">
                  
                  <option value="215">Türkiye</option>
                  
                </select>
                
              </div>
              <div class="mb-3">
                <label for="amount" class="form-label">Tutar</label>
                <div class="input-group">
                  
                  <input type="text" class="form-control currency-input" data-bv-field="amount" id="amount" value="" placeholder="0.00">
                  
                    <span class="input-group-text">₺</span>
                </div>
              </div>
              <div class="mb-3">
                <label for="description" class="form-label">Açıklama</label>
                <textarea class="form-control" rows="4" id="description" required placeholder="Talep Açıklaması"></textarea>
              </div>
             <!--  <div class="mb-3">
                <label for="paymentDue" class="form-label">Payment due by</label>
                <div class="position-relative">
                  <input id="paymentDue" value="" type="text" class="form-control" required placeholder="Payment Due Date">
                  <span class="icon-inside"><i class="fas fa-calendar-alt"></i></span> </div>
              </div> -->
              <div class="d-grid mt-4"><button class="btn btn-primary" onclick="buttonFuction()">Devam</button></div>
            </form>
            <!-- Request Money Form end --> 
          </div>
        </div>
      </div>
    </div>
  </div>

@endsection


@push('script-libraries')

@endpush

@push('scripts')

@endpush