@extends('layouts.default')
@section('content')
<div class="container">
    <div class="row"> 
      <x-sidebar />
      <!-- Middle Panel
      ============================================= -->
      <div class="col-lg-9"> 
        
        <!-- Profile Completeness
        =============================== -->
        <div class="bg-white shadow-sm rounded p-4 mb-4">
          <h3 class="text-5 fw-400 d-flex align-items-center mb-4">{{__('Hesap Doğruluğu')}}<span class="border text-danger rounded-pill fw-500 text-2 px-3 py-1 ms-2">50%</span></h3>
          <hr class="mb-4 mx-n4">
          <div class="row gy-4 profile-completeness align-items-center">
            <div class="col-sm-6 col-md-3">
              <div class="border rounded text-center px-3 py-4"> <span class="d-block text-10 text-light mt-2 mb-3"><i class="fas fa-mobile-alt"></i></span> <span class="text-5 d-block text-success mt-4 mb-3"><i class="fas fa-check-circle"></i></span>
                <p class="mb-0">{{__('Telefon Doğrulaması')}}</p>
              </div>
            </div>
            <div class="col-sm-6 col-md-3">
              <div class="border rounded text-center px-3 py-4"> <span class="d-block text-10 text-light mt-2 mb-3"><i class="fas fa-envelope"></i></span> <span class="text-5 d-block text-success mt-4 mb-3"><i class="fas fa-check-circle"></i></span>
                <p class="mb-0">{{__('E-Posta Doğrulaması')}}</p>
              </div>
            </div>
            <div class="col-sm-6 col-md-3">
              <div class="position-relative border rounded text-center px-3 py-4">
                <div>
                  @if(auth()->user()->hasPendingKyc())
                    <span class="badge bg-info">İncelemede</span>
                  @elseif(auth()->user()->hasApprovedKyc())
                    <span class="badge bg-success">Onaylandı</span>
                  @else
                    <span class="badge bg-warning">Gerekli</span>
                  @endif
                </div>
                <span class="d-block text-10 text-light mt-2 mb-3">
                  <i class="fas fa-id-card"></i>
                </span>
                <span class="text-5 d-block text-light mt-4 mb-3">
                  <i class="far fa-circle"></i>
                </span>
                <p class="mb-0">
                  <a class="btn-link stretched-link" href="{{route('kyc.create')}}">{{__('Kimlik Doğrulama(KYC)')}}</a>
                </p>
              </div>
            </div>
            <div class="col-sm-6 col-md-3">
              <div class="position-relative border rounded text-center px-3 py-4"> <span class="d-block text-10 text-light mt-2 mb-3"><i class="fas fa-university"></i></span> <span class="text-5 d-block text-light mt-4 mb-3"><i class="far fa-circle "></i></span>
                <p class="mb-0"><a class="btn-link stretched-link" href="{{route('settings-payment-methods')}}">{{__('Banka Hesabı Ekle')}}</a></p>
              </div>
            </div>
          </div>
        </div>
        <!-- Profile Completeness End --> 
        
        <!-- Recent Activity
        =============================== -->
        <div class="bg-white shadow-sm rounded py-4 mb-4">
          <h3 class="text-5 fw-400 d-flex align-items-center px-4 mb-4">{{__('Son İşlemler')}}</h3>
          <x-transaction />

          
          <!-- View all Link
          =============================== -->
          <div class="text-center mt-4"><a href="{{ route('transactions') }}" class="btn-link text-3">Tümünü Gör<i class="fas fa-chevron-right text-2 ms-2"></i></a></div>
          <!-- View all Link End --> 
          
        </div>
        <!-- Recent Activity End --> 
      </div>
      <!-- Middle Panel End --> 
    </div>
  </div>
@endsection