@extends('pwa.template.app.main')

@section('script')
  @if (session('success-sendtransfer'))
    <script>
      Swal.fire({
        icon: 'success',
        title: 'Sukses!',
        text: "{{ session('success-sendtransfer') }}",
      })
    </script>
  @endif
@endsection

@section('app-content')
  <div class="container py-3">
    <div class="mb-3">
      <a class="text-black" href="{{ route('home') }}">
        <i class="fa-solid fa-arrow-left me-1"></i> <span>Kembali Ke Halaman Beranda</span>
      </a>
    </div>
    @if ($transfer->count() <= 0)
      <div class="alert alert-success" role="alert">
        <h4 class="alert-heading">Riwayat Transfer Kosong</h4>
      </div>
    @endif
    @foreach ($transfer as $t)
      <div class="card my-3">
        <div class="card-header bg-white d-flex justify-content-between {{$t->penerima == Auth::user()->username ? 'text-success' : 
        'text-danger'}}">
          <span>
            @if ($t->penerima == Auth::user()->username)
            <i class="fas fa-arrow-down pe-2"></i>
            {{$t->pengirim}}
              @else 
            <i class="fas fa-arrow-up pe-2"></i>
            {{$t->penerima}}
            @endif
          </span>
        </div>
        <div class="card-body">
          <div class="d-flex justify-content-between">
            <div>
              <small class="mb-0">Nominal Transfer</small>
              <h4 class="mb-0 text-dark" style="font-weight: bold">@currency($t->nominal)</h4>
            </div>
            
            <div>
              <p class="mb-0" style="font-size: 15px">{{ $t->created_at->diffForHumans() }}</p>
            </div>
          </div>
          @if ($t->keterangan)
          <div>
            <small class="mb-0">Keterangan</small>
            <p class="mb-0 text-dark" style="font-weight: bold">{{$t->keterangan}}</p>
          </div>
          @endif
        </div>
      </div>
    @endforeach
  </div>
@endsection