@extends('master.app')
@section('title','Employee ID Card')

@section('body')
<main class="app-content">
    <div class="card shadow-sm border-0" style="max-width:420px;margin:auto;border-radius:18px;">
        <div class="card-header bg-white border-0 d-flex justify-content-between">
            <h6 class="mb-0">Employee ID Card</h6>
            <button class="btn btn-sm btn-dark" onclick="window.print()"><i class="fa fa-print"></i></button>
        </div>
        <div class="card-body text-center">
            <img src="{{ asset('storage/'.$employee->image) }}"
                 onerror="this.src='{{ asset('storage/profile.png') }}'"
                 style="width:90px;height:90px;border-radius:999px;object-fit:cover;border:1px solid #eee;">
            <h5 class="mt-2 mb-0">{{ $employee->name }}</h5>
            <small class="text-muted">{{ $employee->position }}</small>
            <hr>
            <div class="small">Phone: {{ $employee->phone }}</div>
            <div class="small">Employee ID: {{ $employee->id }}</div>
            <div class="small">Status: {{ $employee->status ? 'Active' : 'In-Active' }}</div>
        </div>
    </div>
</main>
@endsection