@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8 ">
            <ul class="list-group">
                @if ($user)
                <li class="list-group-item">
                    <p style="padding: 0;margin: 0;">Name</p>
                    <p style="padding: 0;margin: 0;" class="text-muted">{{ $user->name }}</p>
                </li>
                <li class="list-group-item">
                    <p style="padding: 0;margin: 0;">Staff ID</p>
                    <p style="padding: 0;margin: 0;" class="text-muted">{{
                        $user->employmentDetail->staff_id ?? 'NA' }}</p>
                </li>
                <li class="list-group-item">
                    <p style="padding: 0;margin: 0;">Branch</p>
                    <p style="padding: 0;margin: 0;" class="text-muted">
                        {{ $user->employmentDetail->department->branch->name ?? 'NA' }}
                    </p>
                </li>
                <li class="list-group-item">
                    <p style="padding: 0;margin: 0;">Business Entity</p>
                    <p style="padding: 0;margin: 0;" class="text-muted">
                        {{ $user->employmentDetail->businessEntity->name ?? 'NA' }}
                    </p>
                </li>
                <li class="list-group-item">
                    <p style="padding: 0;margin: 0;">Department</p>
                    <p style="padding: 0;margin: 0;" class="text-muted">
                        {{ $user->employmentDetail->department->name ?? 'NA' }}
                    </p>
                </li>
                <li class="list-group-item">
                    <p style="padding: 0;margin: 0;">Employee Group</p>
                    <p style="padding: 0;margin: 0;" class="text-muted">
                        {{ $user->employmentDetail->position->parent->position ?? 'NA' }}
                    </p>
                </li>
                <li class="list-group-item">
                    <p style="padding: 0;margin: 0;">Position</p>
                    <p style="padding: 0;margin: 0;" class="text-muted">
                        {{ $user->employmentDetail->position->position ?? 'NA' }}
                    </p>
                </li>
                @else
                <li class="list-group-item">
                    <p style="padding: 0;margin: 0;">User not found</p>
                </li>
                @endif

            </ul>
        </div>
    </div>
</div>
@endsection