@extends('admin.layout')
@section('title', 'Staff QR')

@section('content')
<div class="container py-5" style="max-width: 420px;">
    <div class="card p-4 text-center">
        <h4 class="fw-bold mb-2">Staff QR Code</h4>
        <p class="text-muted mb-4">{{ $employee->name }} • DP No: {{ $employee->dp_no }}</p>

        @php
            use SimpleSoftwareIO\QrCode\Facades\QrCode;
        @endphp

        <div class="border rounded p-3 d-inline-block">
            {!! QrCode::size(220)->generate((string) $employee->dp_no) !!}
        </div>

        <p class="mt-3 mb-0 text-muted">Use this QR code or the DP number to let the staff log in and book meals.</p>

        <div class="d-grid gap-2 mt-4">
            <button onclick="window.print()" class="btn btn-primary">Print QR</button>
            <a href="{{ route('admin.staff.create') }}" class="btn btn-outline-secondary">Back</a>
        </div>
    </div>
</div>
@endsection