@extends('admin.layout') @section('title','İstifadəçilər')
@section('content')
<div class="flex items-center justify-between mb-6">
    <h1 class="text-2xl font-bold text-ink">İstifadəçilər</h1>
    <form method="GET" action="{{ route('admin.users') }}" class="flex gap-2">
        <input type="text" name="q" value="{{ request('q') }}" class="input" style="width:240px;" placeholder="Ad, email və ya telefon...">
        <button class="btn btn-secondary">Axtar</button>
    </form>
</div>

<div class="overflow-x-auto">
<table class="w-full bg-surface rounded-xl shadow-sm border border-line">
<thead><tr class="bg-surface2 text-left text-xs text-muted uppercase">
    <th class="px-4 py-3">Ad</th>
    <th class="px-4 py-3">Əlaqə</th>
    <th class="px-4 py-3">Rol</th>
    <th class="px-4 py-3">Tarif</th>
    <th class="px-4 py-3">Status</th>
    <th class="px-4 py-3 text-right">Əməliyyat</th>
</tr></thead>
<tbody class="divide-y divide-line">
@foreach($users as $user)
<tr>
    <td class="px-4 py-3">
        <div class="font-medium">{{ $user->name }}</div>
        <div class="text-xs text-muted">{{ $user->created_at->format('d.m.Y') }}</div>
    </td>
    <td class="px-4 py-3 text-sm text-muted">
        <div>{{ $user->email }}</div>
        @if($user->phone)<div class="text-xs">{{ $user->phone }}</div>@endif
    </td>
    <td class="px-4 py-3"><span class="badge {{ $user->role==='admin'?'badge-purple':'badge-blue' }}">{{ $user->role }}</span></td>
    <td class="px-4 py-3">
        <span class="badge bg-surface2 text-muted">{{ $user->plan->name ?? '—' }}</span>
        @if($user->plan_expires_at)
            <div class="text-xs {{ $user->isPlanExpired() ? 'text-danger' : 'text-muted' }}">{{ $user->plan_expires_at->format('d.m.Y') }}{{ $user->isPlanExpired() ? ' (bitdi)' : '' }}</div>
        @endif
    </td>
    <td class="px-4 py-3"><span class="badge {{ $user->status==='active'?'badge-green':'badge-red' }}">{{ $user->status==='active'?'Aktiv':'Blok' }}</span></td>
    <td class="px-4 py-3 text-right whitespace-nowrap">
        <button onclick="toggleEdit({{ $user->id }})" class="btn btn-secondary" style="padding:4px 8px;font-size:12px;"><x-icon name="pencil" class="w-4 h-4" /></button>
        <form method="POST" action="{{ route('admin.users.toggle', $user) }}" class="inline">@csrf @method('PUT')
            <button class="btn {{ $user->status==='active'?'btn-danger':'btn-primary' }}" style="padding:4px 8px;font-size:12px;" title="{{ $user->status==='active'?'Blokla':'Aktivləşdir' }}">@if($user->status==='active')<x-icon name="ban" class="w-4 h-4" />@else<x-icon name="circle-check" class="w-4 h-4" />@endif</button>
        </form>
        <form method="POST" action="{{ route('admin.users.destroy', $user) }}" class="inline" onsubmit="return confirm('Bu istifadəçini silmək istədiyinizə əminsiniz?')">@csrf @method('DELETE')
            <button class="btn btn-danger" style="padding:4px 8px;font-size:12px;"><x-icon name="trash-2" class="w-4 h-4" /></button>
        </form>
    </td>
</tr>
<tr id="edit-{{ $user->id }}" style="display:none;" class="bg-surface2">
    <td colspan="6" class="px-4 py-4">
        <form method="POST" action="{{ route('admin.users.update', $user) }}" class="space-y-3">
            @csrf @method('PUT')
            <div class="grid grid-cols-3 gap-3">
                <div><label class="label">Ad</label><input type="text" name="name" class="input" value="{{ $user->name }}" required></div>
                <div><label class="label">Email</label><input type="email" name="email" class="input" value="{{ $user->email }}" required></div>
                <div><label class="label">Telefon</label><input type="text" name="phone" class="input" value="{{ $user->phone }}"></div>
            </div>
            <div class="grid grid-cols-5 gap-3">
                <div><label class="label">Rol</label>
                    <select name="role" class="input">
                        <option value="user" {{ $user->role==='user'?'selected':'' }}>user</option>
                        <option value="admin" {{ $user->role==='admin'?'selected':'' }}>admin</option>
                    </select>
                </div>
                <div><label class="label">Tarif</label>
                    <select name="plan_id" class="input">
                        <option value="">—</option>
                        @foreach($plans as $plan)
                        <option value="{{ $plan->id }}" {{ $user->plan_id===$plan->id?'selected':'' }}>{{ $plan->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div><label class="label">Tarif bitmə tarixi</label><input type="date" name="plan_expires_at" class="input" value="{{ $user->plan_expires_at?->format('Y-m-d') }}"></div>
                <div><label class="label">Status</label>
                    <select name="status" class="input">
                        <option value="active" {{ $user->status==='active'?'selected':'' }}>Aktiv</option>
                        <option value="blocked" {{ $user->status==='blocked'?'selected':'' }}>Blok</option>
                    </select>
                </div>
                <div><label class="label">Yeni şifrə (boş — dəyişmə)</label><input type="password" name="password" class="input" placeholder="••••••"></div>
            </div>
            <div class="flex gap-2">
                <button type="submit" class="btn btn-primary">Yadda saxla</button>
                <button type="button" onclick="toggleEdit({{ $user->id }})" class="btn btn-secondary">Ləğv et</button>
            </div>
        </form>
    </td>
</tr>
@endforeach
</tbody>
</table>
</div>
<div class="mt-4">{{ $users->links() }}</div>
@endsection

@push('scripts')
<script>
function toggleEdit(id){ const el = document.getElementById('edit-'+id); el.style.display = el.style.display==='none'?'table-row':'none'; }
</script>
@endpush