@extends("cabinet.base")
@section("title", "Депозиты")
@section("content")
    <style>
        .cabinet-card {
            background-position: center!important;
        }
        .main-container {
            height: 100vh;
        }
    </style>
    <section class="cabinet-card px-4 py-6 w-full text-black rounded-[30px] shadow-[10px_12px_4px_rgba(0,0,0,0.25)] max-md:mt-20"
    style="margin-top: 15rem">
        <h1 class="text-2xl font-bold text-center tracking-wide mb-6">История депозитов</h1>
        <div class="overflow-x-auto">
            <div class="min-w-[600px] w-full">
                <div class="grid grid-cols-5 bg-green-200 text-sm font-semibold text-center py-3 px-4 rounded-t-lg">
                    <div>Дата</div>
                    <div>Сумма</div>
                    <div>Дней</div>
                    <div>Прибыль</div>
                    <div>Статус</div>
                </div>

                @forelse($deposits as $deposit)
                    <div class="grid grid-cols-5 text-center py-4 px-4 border-b border-gray-200 text-base">
                        <div>{{ \Carbon\Carbon::parse($deposit->created_at)->format('d.m.Y') }}</div>
                        <div>{{ number_format($deposit->amount, 2, '.', ' ') }} {{ $deposit->currency }}</div>
                        <div>{{ $deposit->profit_days_count }}/{{ $deposit->period_days }}</div>
                        <div>
                            {{ number_format($deposit->profit, 2, '.', ' ') }} RUB
                        </div>
                        <div class="{{ $deposit->is_active ? 'text-green-700 font-semibold' : 'text-red-600 font-semibold' }}">
                            {{ $deposit->is_active ? 'Активно' : 'Неактивно' }}
                        </div>
                    </div>
                @empty
                    <div class="text-center py-10 text-gray-500">Депозиты не найдены.</div>
                @endforelse
            </div>
        </div>
    </section>
@endsection