@extends('admin.layouts.main')

@section('title', $user->first_name . ' ' . $user->last_name)
@section('menu', 'System')

@section('content')
<div class="row">
    <div class="col-md-6 col-md-offset-3">
        <div class="portlet light">
            <div class="portlet-title">
                <div class="caption caption-md">
                    <span class="caption-subject theme-font bold uppercase">Staff Profile</span>
                </div>
            </div>
            <div class="portlet-body">
                <h3 class="text-center">{{ $user->first_name }} {{ $user->last_name }}</h3>

                <table class="table table-bordered table-striped" style="margin-top:20px;">
                    <tr><th style="width:40%">Email</th><td>{{ $user->email }}</td></tr>
                    <tr><th>Phone</th><td>{{ $user->phone ?? 'N/A' }}</td></tr>
                    <tr><th>Status</th><td><span class="label label-sm label-{{ $user->status === 'active' ? 'success' : 'warning' }}">{{ ucfirst($user->status) }}</span></td></tr>
                    <tr><th>Registered</th><td>{{ $user->created_at->format('M d, Y') }}</td></tr>
                    <tr><th>Last Login</th><td>{{ $user->last_login_at?->diffForHumans() ?? 'Never' }}</td></tr>
                </table>

                <a href="{{ route('admin.users.edit', $user) }}" class="btn btn-primary btn-block" style="margin-top:15px;"><b>Edit Staff User</b></a>
                <a href="{{ route('admin.users.index') }}" class="btn btn-default btn-block"><i class="fa fa-arrow-left"></i> Back to Staff List</a>
            </div>
        </div>
    </div>
</div>
@endsection