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

<div class="d-flex flex-wrap align-items-center justify-content-between gap-2 mb-4">
    <div>
        <h4 class="page-title">Invite Codes</h4>
        <p class="page-subtitle">Invitations to create an account. Bind one to an email so only that person can use it.</p>
    </div>
    <a href="{{ route('admin.settings') }}" class="btn btn-outline-secondary btn-sm">
        Registration: <strong class="ms-1">{{ str_replace('_', ' ', $mode) }}</strong>
    </a>
</div>

@if($mode === 'closed')
<div class="alert alert-warning d-flex align-items-start gap-2">
    <i class="bi bi-lock mt-1"></i>
    <div>
        Registration is <strong>closed</strong>, so these codes cannot currently be redeemed.
        Switch to <em>invite only</em> in <a href="{{ route('admin.settings') }}" class="alert-link">Settings</a> to let invitees sign up.
    </div>
</div>
@endif

@if(session('new_codes'))
<div class="card border-success-subtle mb-4">
    <div class="card-header bg-transparent fw-semibold">
        <i class="bi bi-check-circle text-success me-1"></i>New invitation{{ count(session('new_codes')) === 1 ? '' : 's' }} — copy the link now
    </div>
    <div class="card-body p-0">
        @foreach(session('new_codes') as $new)
        <div class="d-flex flex-wrap align-items-center gap-2 px-3 py-2 border-bottom">
            <code class="fw-bold">{{ $new['code'] }}</code>
            @if($new['email'])<span class="badge bg-info-subtle text-info-emphasis">{{ $new['email'] }}</span>@endif
            <input type="text" class="form-control form-control-sm flex-grow-1 copy-src" value="{{ $new['url'] }}" readonly
                   style="min-width:16rem">
            <button class="btn btn-sm btn-outline-secondary copy-btn" type="button">
                <i class="bi bi-clipboard"></i> Copy link
            </button>
        </div>
        @endforeach
    </div>
</div>
@endif

<div class="row g-4">
    {{-- ── Create ─────────────────────────────────────────────────────── --}}
    <div class="col-lg-4">
        <div class="card">
            <div class="card-header bg-transparent fw-semibold">Create invitation</div>
            <div class="card-body">
                @if($errors->any())
                <div class="alert alert-danger py-2">
                    <ul class="mb-0 small">@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul>
                </div>
                @endif

                <form method="POST" action="{{ route('admin.invite-codes.store') }}">
                    @csrf
                    <div class="mb-3">
                        <label class="form-label" for="role">Role <span class="text-danger">*</span></label>
                        <select name="role" id="role" class="form-select" required>
                            @foreach($roles as $r)
                            <option value="{{ $r }}" @selected(old('role', 'clinical_instructor') === $r)>
                                {{ ucwords(str_replace('_', ' ', $r)) }}
                            </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="mb-3">
                        <label class="form-label" for="email">Bind to email</label>
                        <input type="email" name="email" id="email" class="form-control"
                               value="{{ old('email') }}" placeholder="nurse@hospital.gov.my">
                        <div class="form-text">
                            Recommended. The invitation is <strong>emailed straight to this address</strong>,
                            and only it can redeem the code. Leave blank for a generic code you hand out yourself.
                        </div>
                    </div>

                    <div class="row g-2 mb-3">
                        <div class="col-7">
                            <label class="form-label" for="expires_in">Expires in</label>
                            <select name="expires_in" id="expires_in" class="form-select">
                                <option value="">Never</option>
                                <option value="7">7 days</option>
                                <option value="14" selected>14 days</option>
                                <option value="30">30 days</option>
                                <option value="90">90 days</option>
                            </select>
                        </div>
                        <div class="col-5">
                            <label class="form-label" for="quantity">Quantity</label>
                            <input type="number" name="quantity" id="quantity" class="form-control"
                                   value="{{ old('quantity', 1) }}" min="1" max="50">
                            <div class="form-text">Forced to 1 when bound.</div>
                        </div>
                    </div>

                    <button class="btn btn-primary w-100"><i class="bi bi-plus-lg me-1"></i>Generate</button>
                </form>
            </div>
        </div>
    </div>

    {{-- ── List ───────────────────────────────────────────────────────── --}}
    <div class="col-lg-8">
        <ul class="nav nav-tabs mb-3">
            @foreach(['' => 'All', 'available' => 'Available', 'used' => 'Used', 'expired' => 'Expired'] as $key => $label)
            <li class="nav-item">
                <a class="nav-link {{ request('status', '') === $key ? 'active' : '' }}"
                   href="{{ route('admin.invite-codes.index', array_filter(['status' => $key, 'q' => request('q')])) }}">
                    {{ $label }}
                    @if($key)<span class="badge rounded-pill bg-secondary ms-1">{{ $counts[$key] }}</span>@endif
                </a>
            </li>
            @endforeach
        </ul>

        <div class="card mb-3">
            <div class="card-body py-2">
                <form method="GET" class="d-flex gap-2">
                    <input type="hidden" name="status" value="{{ request('status') }}">
                    <div class="proc-search flex-grow-1">
                        <i class="bi bi-search"></i>
                        <input type="search" name="q" class="form-control" placeholder="Search code or email…"
                               value="{{ request('q') }}">
                    </div>
                    <button class="btn btn-primary"><i class="bi bi-funnel"></i></button>
                </form>
            </div>
        </div>

        <div class="card">
            <div class="card-body p-0 table-responsive">
                <table class="table table-hover align-middle mb-0">
                    <thead>
                        <tr>
                            <th>Code</th>
                            <th>Role</th>
                            <th>Bound to</th>
                            <th class="text-center">Status</th>
                            <th class="text-end">Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($codes as $code)
                        <tr>
                            <td>
                                <code class="fw-semibold">{{ $code->code }}</code>
                                <div class="text-muted" style="font-size:.7rem">
                                    {{ $code->created_at?->format('d M Y') }}
                                    @if($code->expires_at)
                                    · expires {{ $code->expires_at->format('d M Y') }}
                                    @endif
                                </div>
                            </td>
                            <td><span class="badge bg-secondary-subtle text-secondary-emphasis">{{ str_replace('_', ' ', $code->role) }}</span></td>
                            <td class="small">
                                @if($code->email)
                                <span class="text-truncate d-inline-block" style="max-width:14rem">{{ $code->email }}</span>
                                @else
                                <span class="text-muted fst-italic">anyone</span>
                                @endif
                                @if($code->usedBy)
                                <div class="text-muted" style="font-size:.7rem">used by {{ $code->usedBy->name }}</div>
                                @endif
                            </td>
                            <td class="text-center">
                                @php $status = $code->status(); @endphp
                                <span class="badge bg-{{ ['available' => 'success', 'used' => 'secondary', 'expired' => 'warning'][$status] }}-subtle
                                             text-{{ ['available' => 'success', 'used' => 'secondary', 'expired' => 'warning'][$status] }}-emphasis">
                                    {{ ucfirst($status) }}
                                </span>
                            </td>
                            <td class="text-end text-nowrap">
                                @if($code->isRedeemable())
                                <input type="hidden" class="copy-src" value="{{ $code->registrationUrl() }}">
                                <button class="btn btn-sm btn-outline-secondary copy-btn" type="button" title="Copy invite link">
                                    <i class="bi bi-clipboard"></i>
                                </button>
                                @if($code->email)
                                <form method="POST" action="{{ route('admin.invite-codes.resend', $code) }}" class="d-inline">
                                    @csrf
                                    <button class="btn btn-sm btn-outline-secondary" title="Resend invitation email">
                                        <i class="bi bi-envelope-arrow-up"></i>
                                    </button>
                                </form>
                                @endif
                                @endif
                                @unless($code->isUsed())
                                <form method="POST" action="{{ route('admin.invite-codes.destroy', $code) }}" class="d-inline"
                                      onsubmit="return confirm('Revoke code {{ $code->code }}?')">
                                    @csrf @method('DELETE')
                                    <button class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i></button>
                                </form>
                                @endunless
                            </td>
                        </tr>
                        @empty
                        <tr><td colspan="5" class="text-center text-muted py-5">
                            <i class="bi bi-ticket-perforated d-block fs-4 mb-2 opacity-50"></i>No invite codes yet.
                        </td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            @if($codes->hasPages())
            <div class="card-footer bg-transparent">{{ $codes->links() }}</div>
            @endif
        </div>
    </div>
</div>

@push('scripts')
<script>
    document.addEventListener('click', async e => {
        const btn = e.target.closest('.copy-btn');
        if (!btn) return;

        const src = btn.closest('td, div')?.querySelector('.copy-src');
        if (!src) return;

        try {
            await navigator.clipboard.writeText(src.value);
        } catch (err) {
            src.removeAttribute('type');
            src.select();
            document.execCommand('copy');
        }

        const original = btn.innerHTML;
        btn.innerHTML = '<i class="bi bi-check2"></i> Copied';
        setTimeout(() => { btn.innerHTML = original; }, 1500);
    });
</script>
@endpush
@endsection