@extends('layouts.admin', ['heading' => 'Members', 'subheading' => 'User management and controls'])

@section('content')
    <div class="mb-4 flex flex-wrap gap-2">
        <a href="{{ route('admin.members.create') }}" class="rounded bg-slate-900 px-4 py-2 text-sm text-white">Add Member</a>
        <a href="{{ route('admin.members.imports') }}" class="rounded border border-slate-200 px-4 py-2 text-sm text-slate-700">Import History</a>
    </div>

    <form method="GET" class="mb-4 flex flex-wrap gap-2">
        <input name="q" value="{{ $search }}" placeholder="Search ID / mobile / PAN / bank" class="w-full rounded border p-2" />
        <button class="rounded bg-slate-900 px-4 py-2 text-white">Search</button>
    </form>

    <div class="grid grid-cols-1 gap-4 xl:grid-cols-2">
        <div class="admin-card p-4">
            <div class="mb-2 font-semibold">Merge Member IDs</div>
            <form method="POST" action="{{ route('admin.members.merge') }}" class="flex flex-wrap gap-2">
                @csrf
                <input name="source_user_id" type="number" placeholder="Source User ID" class="rounded border p-2 text-sm" required>
                <input name="target_user_id" type="number" placeholder="Target User ID" class="rounded border p-2 text-sm" required>
                <button class="rounded bg-amber-600 px-3 py-2 text-sm text-white">Merge</button>
            </form>
        </div>

        <div class="admin-card p-4">
            <div class="mb-2 font-semibold">Bulk Import CSV</div>
            <form method="POST" action="{{ route('admin.members.bulk-import') }}" enctype="multipart/form-data" class="flex flex-wrap items-center gap-2">
                @csrf
                <input type="file" name="file" class="rounded border p-2 text-sm" required>
                <label class="text-xs text-slate-600"><input type="checkbox" name="ignore_limits" value="1"> Ignore identity limits</label>
                <button class="rounded bg-slate-900 px-3 py-2 text-sm text-white">Upload</button>
            </form>
            @if($imports->count())
                <div class="mt-3 text-xs text-slate-500">Last import: {{ $imports->first()->status }} ({{ $imports->first()->processed_rows }}/{{ $imports->first()->total_rows }})</div>
            @endif
        </div>
    </div>

    <div class="mt-6 overflow-x-auto rounded-2xl border border-slate-200 bg-white shadow-sm">
        <table class="min-w-full text-sm">
            <thead class="bg-slate-100 text-left">
                <tr>
                    <th class="p-3">Member</th>
                    <th class="p-3">Contact</th>
                    <th class="p-3">PAN</th>
                    <th class="p-3">Bank</th>
                    <th class="p-3">Status</th>
                    <th class="p-3">Sponsor</th>
                    <th class="p-3">Placement</th>
                    <th class="p-3">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($members as $member)
                    <tr class="border-t">
                        <td class="p-3">
                            <div class="font-semibold">{{ $member->member_code }}</div>
                            <div class="text-xs text-slate-500">{{ $member->name }}</div>
                        </td>
                        <td class="p-3">
                            <div>{{ $member->mobile }}</div>
                            <div class="text-xs text-slate-500">{{ $member->email }}</div>
                        </td>
                        <td class="p-3">{{ $member->userKyc?->pan_number ?? '-' }}</td>
                        <td class="p-3">{{ $member->userKyc?->bank_account_number ?? '-' }}</td>
                        <td class="p-3">{{ $member->status }}</td>
                        <td class="p-3">
                            <form method="POST" action="{{ route('admin.members.sponsor', $member->id) }}" class="flex flex-wrap gap-2">
                                @csrf
                                <input name="sponsor_id" type="number" placeholder="Sponsor ID" class="w-24 rounded border p-1 text-xs">
                                <button class="rounded bg-slate-900 px-2 py-1 text-xs text-white">Update</button>
                            </form>
                        </td>
                        <td class="p-3">
                            <form method="POST" action="{{ route('admin.members.placement', $member->id) }}" class="flex flex-wrap gap-2">
                                @csrf
                                <input name="placement_parent_id" type="number" placeholder="Parent ID" class="w-24 rounded border p-1 text-xs" required>
                                <select name="placement_leg" class="rounded border p-1 text-xs">
                                    <option value="left">Left</option>
                                    <option value="right">Right</option>
                                </select>
                                <button class="rounded bg-slate-900 px-2 py-1 text-xs text-white">Move</button>
                            </form>
                        </td>
                        <td class="p-3 space-y-2">
                            <div class="flex flex-wrap gap-2">
                                <a href="{{ route('admin.members.edit', $member) }}" class="rounded bg-slate-900 px-2 py-1 text-xs text-white">Edit</a>
                                <a href="{{ route('admin.wallet.ledger', $member->id) }}" class="rounded bg-slate-700 px-2 py-1 text-xs text-white">Ledger</a>
                                <a href="{{ route('admin.tree', ['q' => $member->member_code]) }}" class="rounded bg-slate-700 px-2 py-1 text-xs text-white">Downline</a>
                            </div>
                            <form method="POST" action="{{ route('admin.members.status', $member->id) }}">
                                @csrf
                                <input type="hidden" name="status" value="{{ $member->status === 'active' ? 'blocked' : 'active' }}">
                                <button class="rounded bg-emerald-600 px-2 py-1 text-xs text-white">
                                    {{ $member->status === 'active' ? 'Block' : 'Activate' }}
                                </button>
                            </form>
                            <form method="POST" action="{{ route('admin.members.impersonate', $member->id) }}">
                                @csrf
                                <button class="rounded bg-amber-600 px-2 py-1 text-xs text-white">Secret Login</button>
                            </form>
                            <details class="rounded border border-slate-200 p-2 text-xs">
                                <summary class="cursor-pointer font-semibold text-slate-600">Advanced</summary>
                                <div class="mt-2 space-y-2">
                                    <form method="POST" action="{{ route('admin.members.reset-password', $member) }}" class="flex gap-2">
                                        @csrf
                                        <input name="password" placeholder="New password" class="w-full rounded border p-1 text-xs">
                                        <button class="rounded bg-slate-900 px-2 py-1 text-xs text-white">Reset</button>
                                    </form>
                                    <form method="POST" action="{{ route('admin.members.reset-otp', $member) }}">
                                        @csrf
                                        <button class="rounded bg-slate-700 px-2 py-1 text-xs text-white">Reset OTP</button>
                                    </form>
                                    <form method="POST" action="{{ route('admin.members.reset-pin', $member) }}">
                                        @csrf
                                        <button class="rounded bg-slate-700 px-2 py-1 text-xs text-white">Reset Transaction PIN</button>
                                    </form>
                                    <form method="POST" action="{{ route('admin.members.toggle-login-otp', $member) }}" class="flex gap-2">
                                        @csrf
                                        <input type="hidden" name="enabled" value="{{ $member->login_otp_enabled ? 0 : 1 }}">
                                        <button class="rounded bg-slate-700 px-2 py-1 text-xs text-white">
                                            {{ $member->login_otp_enabled ? 'Disable Login OTP' : 'Enable Login OTP' }}
                                        </button>
                                    </form>
                                    <form method="POST" action="{{ route('admin.members.rank-override', $member) }}" class="flex gap-2">
                                        @csrf
                                        <select name="rank_id" class="rounded border p-1 text-xs">
                                            <option value="">No Rank</option>
                                            @foreach($ranks as $rank)
                                                <option value="{{ $rank->id }}">{{ $rank->name }}</option>
                                            @endforeach
                                        </select>
                                        <input name="reason" placeholder="Reason" class="rounded border p-1 text-xs">
                                        <button class="rounded bg-slate-900 px-2 py-1 text-xs text-white">Override</button>
                                    </form>
                                    <form method="POST" action="{{ route('admin.members.force-plan', $member) }}" class="flex gap-2">
                                        @csrf
                                        <input name="package_amount" type="number" step="0.01" min="0" placeholder="Package Amount" class="rounded border p-1 text-xs">
                                        <button class="rounded bg-slate-900 px-2 py-1 text-xs text-white">Force Plan</button>
                                    </form>
                                    <form method="POST" action="{{ route('admin.members.bv-adjust', $member) }}" class="flex gap-2">
                                        @csrf
                                        <select name="type" class="rounded border p-1 text-xs">
                                            <option value="joining">Joining BV</option>
                                            <option value="repurchase">Repurchase BV</option>
                                        </select>
                                        <input name="units" type="number" step="0.0001" min="0" placeholder="Units" class="rounded border p-1 text-xs">
                                        <input name="reason" placeholder="Reason" class="rounded border p-1 text-xs">
                                        <button class="rounded bg-slate-900 px-2 py-1 text-xs text-white">Adjust</button>
                                    </form>
                                    <form method="POST" action="{{ route('admin.members.close', $member) }}">
                                        @csrf
                                        <button class="rounded bg-rose-600 px-2 py-1 text-xs text-white">Close Account</button>
                                    </form>
                                </div>
                            </details>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="8" class="p-4 text-center text-slate-500">No members found.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div class="mt-4">{{ $members->links() }}</div>
@endsection