@extends('layouts.admin')

@section('title', 'Deposits')

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">Deposits <span class="page-title-count">({{ $deposits->total() ?? 0 }})</span></h1>
    </div>
</div>

<div class="stats-grid stats-grid-4">
    <x-stat-card title="Total Pending" value="{{ number_format($pendingCount ?? 0) }}" color="orange">
        <x-slot:icon>
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5"/><path d="M12 7v5l3 3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
        </x-slot:icon>
    </x-stat-card>
    <x-stat-card title="Approved Today" value="{{ $currency ?? '₦' }}{{ number_format($approvedToday ?? 0, 2) }}" color="green">
        <x-slot:icon>
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 5v14M7 10l5-5 5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M5 18h14" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
        </x-slot:icon>
    </x-stat-card>
    <x-stat-card title="Total Today" value="{{ $currency ?? '₦' }}{{ number_format($totalToday ?? 0, 2) }}" color="blue">
        <x-slot:icon>
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5"/><path d="M12 7v10M9 9h6c1.1 0 2 .9 2 2s-.9 2-2 2H9M9 13h6c1.1 0 2 .9 2 2s-.9 2-2 2H9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
        </x-slot:icon>
    </x-stat-card>
    <x-stat-card title="Rejected Today" value="{{ number_format($rejectedToday ?? 0) }}" color="red">
        <x-slot:icon>
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5"/><path d="M15 9l-6 6M9 9l6 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
        </x-slot:icon>
    </x-stat-card>
</div>

<div class="card" style="margin-top: 1.5rem;">
    <div class="card-header">
        <form method="GET" action="{{ route('admin.deposits') }}" class="filter-bar">
            <div class="filter-group">
                <select name="status" class="filter-select">
                    <option value="">All Status</option>
                    <option value="pending" {{ request('status') === 'pending' ? 'selected' : '' }}>Pending</option>
                    <option value="approved" {{ request('status') === 'approved' ? 'selected' : '' }}>Approved</option>
                    <option value="rejected" {{ request('status') === 'rejected' ? 'selected' : '' }}>Rejected</option>
                </select>
            </div>
            <div class="filter-group">
                <input type="date" name="date_from" value="{{ request('date_from') }}" class="form-input">
            </div>
            <div class="filter-group">
                <input type="date" name="date_to" value="{{ request('date_to') }}" class="form-input">
            </div>
            <div class="filter-group">
                <input type="number" name="min_amount" value="{{ request('min_amount') }}" class="form-input" placeholder="Min amount" step="0.01">
            </div>
            <div class="filter-group">
                <input type="number" name="max_amount" value="{{ request('max_amount') }}" class="form-input" placeholder="Max amount" step="0.01">
            </div>
            <button type="submit" class="btn btn-primary btn-sm">Filter</button>
        </form>
    </div>

    <x-data-table :emptyMessage="'No deposits found.'" :paginator="$deposits ?? null">
        <x-slot:thead>
            <th>Customer</th>
            <th>Amount</th>
            <th>Method</th>
            <th>Reference</th>
            <th>Status</th>
            <th>Date</th>
            <th>Actions</th>
        </x-slot:thead>
        <x-slot:tbody>
            @forelse($deposits ?? [] as $deposit)
            <tr>
                <td class="text-semibold">{{ $deposit->user->name ?? 'N/A' }}</td>
                <td class="text-semibold">{{ $currency ?? '₦' }}{{ number_format($deposit->amount, 2) }}</td>
                <td>{{ ucfirst($deposit->method ?? 'Bank Transfer') }}</td>
                <td><span class="text-mono">{{ $deposit->reference }}</span></td>
                <td><span class="badge badge-{{ $deposit->status === 'approved' ? 'green' : ($deposit->status === 'pending' ? 'orange' : 'red') }}">{{ ucfirst($deposit->status) }}</span></td>
                <td>{{ $deposit->created_at->format('M d, Y H:i') }}</td>
                <td>
                    <div class="table-actions">
                        @if($deposit->status === 'pending')
                        <form method="POST" action="{{ route('admin.deposits.approve', $deposit->id) }}" class="inline">
                            @csrf
                            @method('PATCH')
                            <button type="submit" class="btn btn-sm btn-outline btn-green" onclick="return confirm('Approve this deposit?')">Approve</button>
                        </form>
                        <button type="button" class="btn btn-sm btn-outline btn-red" onclick="openConfirmModal('reject-{{ $deposit->id }}')">Reject</button>
                        @endif
                    </div>
                </td>
            </tr>
            @empty
            <tr>
                <td colspan="7">
                    <div class="data-table-empty-content">
                        <svg width="48" height="48" viewBox="0 0 48 48" fill="none"><circle cx="24" cy="24" r="24" fill="#F1F5F9"/><path d="M24 14v20M18 20l6-6 6 6" stroke="#94A3B8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
                        <p>No deposits found.</p>
                    </div>
                </td>
            </tr>
            @endforelse
        </x-slot:tbody>
    </x-data-table>
</div>

@foreach($deposits ?? [] as $deposit)
@if($deposit->status === 'pending')
<x-confirm-modal
    id="reject-{{ $deposit->id }}"
    title="Reject Deposit"
    message="Are you sure you want to reject this deposit of {{ $currency ?? '₦' }}{{ number_format($deposit->amount, 2) }}?"
    actionUrl="{{ route('admin.deposits.reject', $deposit->id) }}"
    method="PATCH"
    buttonText="Reject"
/>
@endif
@endforeach
@endsection