@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.deposit')}}">Para Yatır</a></li>
        <li class="nav-item"> <a class="nav-link active" href="{{route('personal.dashboard.withdraw')}}">Para Çek</a></li>
      </ul>
    </div>
  </div>
  <!-- Secondary menu end --> 
  
  <!-- Content
  ============================================= -->
 <div id="content" class="py-4">
    <div class="container" style="padding-right:0px ; padding-left: 0px">
      <div class="row"> 
        
        <!-- Left Panel
        ============================================= -->
       @include('personal.dashboard.layouts.sidebar')
        <!-- Left Panel End -->
        
        <!-- Middle Panel
        ============================================= -->
        <div class="col-lg-9">
          <h2 class="fw-400 mb-3">{{__('Para Çek')}}</h2>
         
           <div id="content" class="py-4">
    <div class="container"> 
      <div class="row">
        <div class="col-md-12 col-lg-12 col-xl-12 mx-auto"> 
          <!-- Withdraw Money Form
        ============================================= -->
          <div class="bg-white shadow-sm rounded p-3 pt-sm-5 pb-sm-5 px-sm-5 mb-4">
            <div class="text-center bg-primary p-4 rounded mb-4">
              <h3 class="text-10 text-white fw-400">0.00₺</h3>
              <p class="text-white">{{__('Kullanılabilir Bakiye')}}</p>
              <a href="" class="btn btn-outline-light btn-sm shadow-none text-uppercase rounded-pill text-1">{{__('Tutarın Tamamını Çekin')}}</a> </div>
           
            <form id="form-send-money">
              <div class="mb-3">
                <label for="withdrawto" class="form-label">{{('Çekilecek Hesap')}}</label>
                <select id="withdrawto" class="form-select" required="">
                  <optgroup label="Garanti">
                  <option value="">XXXXXXXXXXXX-9025</option>
                  <option>XXXXXX-1211</option>
                   
                  </optgroup>

                  <optgroup label="İş Bankası">
                  <option>XXXXXX-2011</option>
                  <option>XXXXXX-2011</option>
                </optgroup>
                </select>
              </div>
              <div class="mb-3">
                <label for="youSend" class="form-label">{{__('Tutar')}}</label>
                <div class="input-group">
                  <span class="input-group-text">₺</span>
                  <input type="text" class="form-control currency-input" data-bv-field="youSend" id="youSend" value="0.00" placeholder="">
                </div>
              </div>
              <p class="text-muted mt-4">{{__('İşlem Komisyonu')}} <span class="float-end d-flex align-items-center">0.00 TRY</span></p>
              <hr>
              <p class="text-3 fw-500">{{__('Çekilecek Tutar')}}<span class="float-end">0.00 TRY</span></p>
              <div class="d-grid"><button class="btn btn-primary" onclick="myFunction()">{{__('Devam Et')}}</button></div>
            </form>
          </div>
          <!-- Withdraw Money Form end --> 
        </div>
      </div>
    </div>
  </div>
        
        </div>
        <!-- Middle End --> 
      </div>
    </div>
  </div>

@endsection


@push('script-libraries')

@endpush

@push('scripts')

@endpush