@extends('layouts.default')
@section('content')
  <div class="container">
    <div class="row">
      @include('layouts.sidebar')
      <!-- Middle Panel
      ============================================= -->
      <div class="col-lg-9">
        <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">{{__('Detaylar')}}</div>
                  <div class="progress">
                    <div class="progress-bar"></div>
                  </div>
                  <a href="{{ route('send-money') }}" class="step-dot"></a> </div>
                <div class="col-4 step active">
                  <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">{{__('Tamamlandı')}}</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 Gönder')}}</h2>
          <p class="lead text-center mb-4">{{__( config('app.name') . ' Kullanıcılarına Para Gönder')}}</p>
          <div class="row">
            <div class="col-md-9 col-lg-7 col-xl-12 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">{{__('Ödeme Bilgileri')}}</h3>
                <hr class="mx-n3 mx-sm-n5 mb-4">
                <!-- Send Money Confirm
                ============================================= -->
                <form id="form-send-money" method="post">
                  <div class="mb-4 mb-sm-5">
                    <label for="description" class="form-label">{{__('Açıklama')}}</label>
                    <textarea class="form-control" rows="4" id="description" required placeholder="{{__('Açıklama giriniz')}}"></textarea>
                  </div>
                  <hr class="mx-n3 mx-sm-n5 mb-3 mb-sm-4">
                  <h3 class="text-5 fw-400 mb-3 mb-sm-4">{{__('Ödemeyi Onayla')}}</h3>
                  <hr class="mx-n3 mx-sm-n5 mb-4">
                  <p class="mb-1">{{__('Gönderilen Tutar')}} <span class="text-3 float-end">1,000.00 TRY</span></p>
                  <p class="mb-1">{{__('Gönderim Ücreti')}} <span class="text-3 float-end">7.21 TRY</span></p>
                  <hr>
                  <p class="text-4 fw-500">{{__('Toplam')}}<span class="float-end">1.007,21 TRY</span></p>
                  <div class="d-grid"><a href='{{ route('send-money-success') }}' class="btn btn-primary">{{__('Gönder')}}</a></div>
                </form>
                <!-- Send Money Confirm end -->
              </div>
            </div>
          </div>
        </div>

      </div>
      <!-- Middle Panel End -->
    </div>
  </div>
@endsection