@extends('layouts.app')
@section('title', 'Users')
@section('content')

<div class="d-flex flex-wrap align-items-center justify-content-between gap-2 mb-4">
    <h4 class="fw-bold mb-0">Users</h4>
    <div class="d-flex flex-wrap gap-2">
        @can('users.export')
        <a href="{{ route('admin.users.export', request()->only('q', 'role')) }}" class="btn btn-outline-secondary">
            <i class="bi bi-download me-1"></i>Export CSV
        </a>
        @endcan
        @can('users.import')
        <a href="{{ route('admin.users.import') }}" class="btn btn-outline-secondary">
            <i class="bi bi-upload me-1"></i>Import
        </a>
        @endcan
        @can('users.create')
        <a href="{{ route('admin.users.create') }}" class="btn btn-primary">
            <i class="bi bi-plus-lg me-1"></i>Add User
        </a>
        @endcan
    </div>
</div>

@if(session('import_errors') && count(session('import_errors')))
<div class="alert alert-warning alert-dismissible fade show">
    <div class="fw-semibold mb-1"><i class="bi bi-exclamation-triangle me-1"></i>Some rows were skipped</div>
    <ul class="mb-0 small">
        @foreach(session('import_errors') as $err)<li>{{ $err }}</li>@endforeach
    </ul>
    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
@endif

{{-- Status tabs --}}
<ul class="nav nav-tabs mb-3">
    @foreach(['' => 'All', 'active' => 'Active', 'inactive' => 'Inactive', 'archived' => 'Archived'] as $key => $label)
    <li class="nav-item">
        <a class="nav-link {{ request('status', '') === $key ? 'active' : '' }}"
           href="{{ route('admin.users.index', array_merge(request()->only('q', 'role'), ['status' => $key])) }}">
            {{ $label }}
            <span class="badge rounded-pill bg-secondary ms-1">{{ $counts[$key ?: 'all'] }}</span>
        </a>
    </li>
    @endforeach
</ul>

<div class="card border-0 shadow-sm mb-3">
    <div class="card-body py-2">
        <form method="GET" class="row g-2 align-items-center">
            <input type="hidden" name="status" value="{{ request('status') }}">
            <div class="col">
                <input type="text" name="q" class="form-control" placeholder="Search name or email…" value="{{ request('q') }}">
            </div>
            <div class="col-6 col-md-auto">
                <select name="role" class="form-select">
                    <option value="">All roles</option>
                    @foreach($roles as $r)
                    <option value="{{ $r }}" @selected(request('role') === $r)>{{ ucwords(str_replace('_', ' ', $r)) }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-6 col-md-auto">
                <select name="semester_id" class="form-select" title="Students only">
                    <option value="">All semesters</option>
                    @foreach($semesters as $sem)
                    <option value="{{ $sem->id }}" @selected(request('semester_id') == $sem->id)>{{ $sem->name }}</option>
                    @endforeach
                    <option value="none" @selected(request('semester_id') === 'none')>— No semester set —</option>
                </select>
            </div>
            <div class="col-6 col-md-auto">
                <select name="intake" class="form-select" title="Students only">
                    <option value="">All intakes</option>
                    @foreach($allIntakes as $intake)
                    <option value="{{ $intake }}" @selected(request('intake') === $intake)>{{ $intake }}</option>
                    @endforeach
                    @if($noIntakeCount > 0)
                    <option value="none" @selected(request('intake') === 'none')>— No intake ({{ $noIntakeCount }}) —</option>
                    @endif
                </select>
            </div>
            <div class="col-auto">
                <button class="btn btn-primary" type="submit"><i class="bi bi-funnel"></i> Filter</button>
                @if(request()->hasAny(['q', 'role', 'semester_id', 'intake']))
                <a href="{{ route('admin.users.index', ['status' => request('status')]) }}" class="btn btn-outline-secondary ms-1">Clear</a>
                @endif
            </div>
        </form>
    </div>
</div>

@can('users.edit')
{{-- Bulk action bar, revealed once rows are ticked --}}
<form method="POST" action="{{ route('admin.users.bulk') }}" id="bulkForm">
    @csrf
    <div class="card border-0 shadow-sm mb-3 d-none" id="bulkBar">
        <div class="card-body py-2 d-flex flex-wrap align-items-center gap-2">
            <span class="fw-semibold small"><span id="bulkCount">0</span> selected</span>
            <select name="action" class="form-select form-select-sm w-auto" id="bulkAction" required>
                <option value="">Choose action…</option>
                <option value="activate">Activate</option>
                <option value="deactivate">Deactivate</option>
                <option value="assign_role">Add role…</option>
                <option value="remove_role">Remove role…</option>
                @can('semesters.advance')
                <option value="set_semester">Set semester…</option>
                @endcan
                @can('intakes.manage')
                <option value="set_intake">Set intake…</option>
                @endcan
                @can('users.delete')<option value="archive">Archive</option>@endcan
            </select>
            <select name="role" class="form-select form-select-sm w-auto d-none" id="bulkRole">
                @foreach($roles as $r)
                <option value="{{ $r }}">{{ ucwords(str_replace('_', ' ', $r)) }}</option>
                @endforeach
            </select>
            <select name="semester_id" class="form-select form-select-sm w-auto d-none" id="bulkSemester">
                @foreach($semesters as $sem)
                <option value="{{ $sem->id }}">{{ $sem->name }}</option>
                @endforeach
            </select>
            <select name="intake" class="form-select form-select-sm w-auto d-none" id="bulkIntake">
                @foreach($allIntakes as $intake)
                <option value="{{ $intake }}">{{ $intake }}</option>
                @endforeach
            </select>
            <button class="btn btn-sm btn-primary" onclick="return confirm('Apply this action to the selected users?')">Apply</button>
        </div>
    </div>
</form>
@endcan

<div class="card border-0 shadow-sm">
    <div class="card-body p-0 table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead class="table-light">
                <tr>
                    @can('users.edit')<th style="width:2.5rem"><input type="checkbox" class="form-check-input" id="checkAll"></th>@endcan
                    <th>Name</th>
                    <th>Email</th>
                    <th>Roles</th>
                    <th class="d-none d-lg-table-cell">Semester / intake</th>
                    <th>Status</th>
                    <th>Joined</th>
                    <th class="text-end">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($users as $u)
                <tr class="{{ $u->trashed() ? 'opacity-50' : '' }}">
                    @can('users.edit')
                    <td>
                        @unless($u->trashed() || $u->is(auth()->user()))
                        <input type="checkbox" class="form-check-input row-check" form="bulkForm" name="ids[]" value="{{ $u->id }}">
                        @endunless
                    </td>
                    @endcan
                    <td>
                        <div class="fw-semibold">{{ $u->name }}</div>
                        @if($u->is(auth()->user()))<span class="badge bg-primary-subtle text-primary">You</span>@endif
                        @if($u->trashed())<span class="badge bg-secondary">Archived</span>@endif
                    </td>
                    <td class="text-muted small">{{ $u->email }}</td>
                    <td>
                        @forelse($u->roles as $role)
                        <span class="badge bg-secondary">{{ ucwords(str_replace('_', ' ', $role->name)) }}</span>
                        @empty
                        <span class="text-muted small fst-italic">none</span>
                        @endforelse
                    </td>
                    <td class="small d-none d-lg-table-cell">
                        @if($u->studentProfile)
                            @if($u->studentProfile->currentSemester)
                            <div>{{ $u->studentProfile->currentSemester->name }}</div>
                            @else
                            <div class="text-warning-emphasis">No semester</div>
                            @endif
                            <div class="text-muted" style="font-size:.72rem">
                                {{ $u->studentProfile->intake ?: 'No intake' }}
                            </div>
                        @else
                            <span class="text-muted">—</span>
                        @endif
                    </td>
                    <td>
                        <span class="badge bg-{{ $u->is_active ? 'success' : 'danger' }}">{{ $u->is_active ? 'Active' : 'Inactive' }}</span>
                    </td>
                    <td class="text-muted small text-nowrap">{{ $u->created_at?->format('d M Y') }}</td>
                    <td class="text-end text-nowrap">
                        @if($u->trashed())
                            @can('users.delete')
                            <form method="POST" action="{{ route('admin.users.restore', $u->id) }}" class="d-inline">
                                @csrf @method('PUT')
                                <button class="btn btn-sm btn-outline-success"><i class="bi bi-arrow-counterclockwise"></i> Restore</button>
                            </form>
                            @endcan
                        @else
                            @if($u->hasRole('student'))
                            <a href="{{ route('admin.users.show', $u) }}" class="btn btn-sm btn-outline-info"><i class="bi bi-eye"></i></a>
                            @endif
                            @can('users.impersonate')
                            @unless($u->is(auth()->user()) || !$u->is_active)
                            <form method="POST" action="{{ route('admin.users.impersonate', $u) }}" class="d-inline"
                                  onsubmit="return confirm('View TRACE as {{ $u->name }}? You can return to your own account at any time.')">
                                @csrf
                                <button class="btn btn-sm btn-outline-warning" title="View as this user">
                                    <i class="bi bi-eye"></i>
                                </button>
                            </form>
                            @endunless
                            @endcan
                            @can('users.edit')
                            <a href="{{ route('admin.users.edit', $u) }}" class="btn btn-sm btn-outline-primary"><i class="bi bi-pencil"></i></a>
                            @unless($u->is(auth()->user()))
                            <form method="POST" action="{{ route('admin.users.toggle-active', $u) }}" class="d-inline">
                                @csrf @method('PATCH')
                                <button class="btn btn-sm btn-outline-{{ $u->is_active ? 'warning' : 'success' }}"
                                        title="{{ $u->is_active ? 'Deactivate' : 'Activate' }}">
                                    <i class="bi bi-{{ $u->is_active ? 'pause' : 'play' }}-fill"></i>
                                </button>
                            </form>
                            @endunless
                            @endcan
                            @can('users.delete')
                            @unless($u->is(auth()->user()))
                            <form method="POST" action="{{ route('admin.users.destroy', $u) }}" class="d-inline"
                                  onsubmit="return confirm('Archive {{ $u->name }}? Their records are kept and can be restored.')">
                                @csrf @method('DELETE')
                                <button class="btn btn-sm btn-outline-danger"><i class="bi bi-archive"></i></button>
                            </form>
                            @endunless
                            @endcan
                        @endif
                    </td>
                </tr>
                @empty
                <tr><td colspan="8" class="text-center text-muted py-4">No users found.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($users->hasPages())
    <div class="card-footer bg-transparent">{{ $users->links() }}</div>
    @endif
</div>

@can('semesters.advance')
<div class="card border-0 shadow-sm mt-4">
    <div class="card-body d-flex flex-wrap align-items-center gap-3">
        <span class="brand-mark"><i class="bi bi-diagram-3"></i></span>
        <div class="flex-grow-1 min-w-0">
            <div class="fw-semibold small">Semester progression &amp; intakes</div>
            <div class="text-muted" style="font-size:.78rem">
                Advance a cohort to the next semester, place an imported list, or manage the intake list.
            </div>
        </div>
        <a href="{{ route('admin.cohorts.index') }}" class="btn btn-outline-secondary">
            Open Cohorts <i class="bi bi-arrow-right ms-1"></i>
        </a>
    </div>
</div>
@endcan

@push('scripts')
<script>
    (function () {
        const checkAll = document.getElementById('checkAll');
        const rows     = () => Array.from(document.querySelectorAll('.row-check'));
        const bar      = document.getElementById('bulkBar');
        const count    = document.getElementById('bulkCount');
        const action   = document.getElementById('bulkAction');
        const roleSel  = document.getElementById('bulkRole');

        function sync() {
            const selected = rows().filter(c => c.checked).length;
            if (count) count.textContent = selected;
            if (bar) bar.classList.toggle('d-none', selected === 0);
        }

        checkAll?.addEventListener('change', () => {
            rows().forEach(c => { c.checked = checkAll.checked; });
            sync();
        });

        rows().forEach(c => c.addEventListener('change', sync));

        const semesterSel = document.getElementById('bulkSemester');
        const intakeSel   = document.getElementById('bulkIntake');

        action?.addEventListener('change', () => {
            roleSel?.classList.toggle('d-none', !['assign_role', 'remove_role'].includes(action.value));
            semesterSel?.classList.toggle('d-none', action.value !== 'set_semester');
            intakeSel?.classList.toggle('d-none', action.value !== 'set_intake');
        });
    })();
</script>
@endpush
@endsection