@extends('master.app')
@section('title','Print Employee Profile')

@section('body')
<main class="app-content">
    <div class="card shadow-sm border-0">
        <div class="card-header bg-white border-0 d-flex justify-content-between">
            <h5 class="mb-0">Employee Profile</h5>
            <button class="btn btn-sm btn-dark" onclick="window.print()"><i class="fa fa-print"></i> Print</button>
        </div>
        <div class="card-body">
            <div class="d-flex gap-3">
                <img src="{{ asset('storage/'.$employee->image) }}"
                     onerror="this.src='{{ asset('storage/profile.png') }}'"
                     style="width:90px;height:90px;border-radius:16px;object-fit:cover;border:1px solid #eee;">
                <div>
                    <h4 class="mb-1">{{ $employee->name }}</h4>
                    <div class="text-muted">Position: {{ $employee->position }}</div>
                    <div class="text-muted">Phone: {{ $employee->phone }}</div>
                    <div class="text-muted">Email: {{ $employee->email }}</div>
                    <div class="text-muted">Address: {{ $employee->address }}</div>
                    <div class="text-muted">Hire Date: {{ $employee->date }}</div>
                </div>
            </div>
        </div>
    </div>
</main>
@endsection