@extends('admin.base')

@section('content')
    <div class="max-w-6xl mx-auto p-6 bg-white rounded shadow mt-10">

        <h1 class="text-3xl font-bold mb-6">Список депозитов</h1>

        <form method="GET" action="{{ route('admin.deposits.index') }}" class="mb-6 flex flex-wrap gap-4 items-end">

            <div>
                <label for="user_id" class="block font-semibold mb-1">Пользователь</label>
                <select name="user_id" id="user_id" class="border border-gray-300 rounded px-3 py-2">
                    <option value="">Все</option>
                    @foreach($users as $user)
                        <option value="{{ $user->id }}" {{ request('user_id') == $user->id ? 'selected' : '' }}>
                            {{ $user->name }} (ID: {{ $user->id }})
                        </option>
                    @endforeach
                </select>
            </div>

            <div>
                <label for="plan_type" class="block font-semibold mb-1">План</label>
                <select name="plan_type" id="plan_type" class="border border-gray-300 rounded px-3 py-2">
                    <option value="">Все</option>
                    @foreach($plans as $key => $plan)
                        <option value="{{ $key }}" {{ request('plan_type') == $key ? 'selected' : '' }}>
                            {{ $plan['name'] }}
                        </option>
                    @endforeach
                </select>
            </div>

            <button type="submit" class="bg-black text-white px-5 py-2 rounded font-semibold hover:bg-gray-800 transition">
                Фильтровать
            </button>

            <a href="{{ route("admin.deposits.create") }}" class="bg-black text-white px-5 py-2 rounded font-semibold hover:bg-gray-800 transition">Создать</a>
            <a href="{{ route('admin.deposits.index') }}" class="ml-4 underline text-gray-600 hover:text-gray-900">Сбросить</a>
        </form>

        @if($deposits->count())
            <table class="w-full border-collapse border border-gray-300">
                <thead>
                <tr class="bg-gray-100">
                    <th class="border border-gray-300 px-4 py-2 text-left">ID</th>
                    <th class="border border-gray-300 px-4 py-2 text-left">Пользователь</th>
                    <th class="border border-gray-300 px-4 py-2 text-left">План</th>
                    <th class="border border-gray-300 px-4 py-2 text-right">Сумма</th>
                    <th class="border border-gray-300 px-4 py-2 text-left">Валюта</th>
                    <th class="border border-gray-300 px-4 py-2 text-left">Дата создания</th>
                    <th class="border border-gray-300 px-4 py-2 text-left">Статус</th>
                </tr>
                </thead>
                <tbody>
                @foreach($deposits as $deposit)
                    <tr class="hover:bg-gray-50">
                        <td class="border border-gray-300 px-4 py-2">{{ $deposit->id }}</td>
                        <td class="border border-gray-300 px-4 py-2">
                            {{ $deposit->user->name ?? 'Пользователь не найден' }} (ID: {{ $deposit->user_id }})
                        </td>
                        <td class="border border-gray-300 px-4 py-2">
                            {{ $plans[$deposit->plan_type]['name'] ?? $deposit->plan_type }}
                        </td>
                        <td class="border border-gray-300 px-4 py-2 text-right">{{ number_format($deposit->amount, 2) }}</td>
                        <td class="border border-gray-300 px-4 py-2">{{ $deposit->currency }}</td>
                        <td class="border border-gray-300 px-4 py-2">{{ $deposit->created_at->format('d.m.Y H:i') }}</td>
                        <td class="border border-gray-300 px-4 py-2">{{ $deposit->is_active == 1 ? "Активно" : "Неактивно" }}</td>
                    </tr>
                @endforeach
                </tbody>
            </table>

            <div class="mt-4">
                {{ $deposits->links() }}
            </div>
        @else
            <p>Депозиты не найдены.</p>
        @endif

    </div>
@endsection