@extends('student.layouts.app')

@section('content')
    <div class="w-full p-6">
        <h1 class="font-bold">Riwayat Tabungan</h1>
        <hr>
    </div>
    <div class="p-6 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 w-full">
        @foreach ($datas as $item)
            <div class="rounded-lg border bg-card text-card-foreground shadow-sm p-6" data-v0-t="card">
                <div class="flex gap-1 w-full justify-between">
                    <div class="flex flex-col mb-2">
                        <h3 class="whitespace-nowrap text-2xl font-semibold leading-none tracking-tight">
                            {{ $item->tanggal_tabungan }}
                        </h3>

                    </div>
                    <div>
                        @if ($item->proses_tabungan == 'ambil')
                            <span
                                class="bg-red-500 py-1 px-2 rounded-lg flex items-center">AMBIL</span>
                        @else
                        <span
                                    class="bg-green-500 py-1 px-2  text-white rounded-lg flex items-center">SIMPAN</span>
                        @endif

                    </div>

                </div>

                <div class="">

                    <div class="text-4xl font-bold">{{ number_format($item->jumlah_tabungan) }}</div>
                    <p class="text-sm text-gray-500 dark:text-gray-400">
                        {{ $item->keterangan_tabungan }}
                    </p>
                </div>
            </div>
        @endforeach
    </div>
@endsection