@extends('student.layouts.app')

@section('content')
<div class="p-6 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 w-full">
    <div class="rounded-lg border bg-card text-card-foreground shadow-sm"  data-v0-t="card">
        <div class="flex justify-between items-center  space-y-1.5 p-6" >
            <h3 class="whitespace-nowrap text-2xl font-semibold leading-none tracking-tight" >Selamat Datang
            </h3>
        </div>
        <div class="p-6" >
            <div class="text-4xl font-bold" >{{ auth()->guard('siswa')->user()->siswa->nama_siswa }}</div>
            <p class="text-sm text-gray-500 dark:text-gray-400" >
                NIS : {{ auth()->guard('siswa')->user()->siswa->nis }}
            </p>
        </div>
    </div>
    <div class="rounded-lg border bg-card text-card-foreground shadow-sm"  data-v0-t="card">
        <div class="flex justify-between items-center space-y-1.5 p-6" >
            <h3 class="whitespace-nowrap text-2xl font-semibold leading-none tracking-tight" >Total Tabungan
            </h3>
            <a href="{{ route('student.tabungan.index') }}"
                class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-1 px-2 rounded">Riwayat</a>
        </div>
        <div class="p-6" >
            <div class="text-4xl font-bold" >
                {{number_format(auth()->guard('siswa')->user()->siswa->total_tabungan)}}
            </div>
            <p class="text-sm text-gray-500 dark:text-gray-400" >
                Penarikan Hari Ini : {{number_format($penarikanHariIni)}}
            </p>
        </div>
        {{-- detail button --}}
       
    </div>
</div>
@endsection