@extends('layouts.team')
@section('title', 'Profile')
@section('content')
<div class="stack" style="gap:6px"><span class="eyebrow">{{ $me->employee_code }}</span><h1 class="d2">{{ $me->name }}</h1><p class="small muted">{{ $me->designation }} · {{ $me->department?->name }} · reports to {{ $me->manager?->name ?? '—' }} · joined {{ $me->date_of_joining?->format('j M Y') }}</p></div>
<div class="cols-main">
    <form method="post" action="{{ route('team.profile') }}" class="panel panel-b stack" style="gap:16px">
        @csrf
        <h2 class="ht">Contact details</h2>
        <div class="form-grid"><x-field name="phone" label="Mobile / WhatsApp" :value="$me->phone" /><x-field name="emergency_contact" label="Emergency contact" :value="$me->emergency_contact" /><x-field name="address" label="Address" type="textarea" :value="$me->address" full rows="2" /></div>
        <h2 class="ht">Change password</h2>
        <div class="form-grid"><x-field name="current_password" label="Current password" type="password" autocomplete="current-password" /><x-field name="password" label="New password" type="password" autocomplete="new-password" /><x-field name="password_confirmation" label="Repeat new password" type="password" autocomplete="new-password" /></div>
        <button class="btn btn-sm" style="align-self:flex-start">Save</button>
    </form>
    <aside class="stack" style="gap:16px">
        <section class="panel panel-b"><dl class="kv" style="grid-template-columns:110px 1fr"><dt>Work email</dt><dd>{{ $me->email }}</dd><dt>Bank</dt><dd>{{ $me->bank_name ?: '—' }} {{ $me->bankLast4() ? '· ending '.$me->bankLast4() : '' }}</dd><dt>PAN</dt><dd>{{ $me->pan ? substr($me->pan, 0, 2).'•••••'.substr($me->pan, -3) : '—' }}</dd></dl><p class="xs muted" style="margin-top:12px">To change pay, bank or PAN details, contact HR.</p></section>
        <section class="panel"><div class="panel-h"><h2 class="ht">Company assets with you</h2></div><div class="list small">@forelse($me->assets as $a)<div class="li"><span style="flex:1">{{ $a->name }}</span><span class="xs muted">{{ $a->tag }}</span></div>@empty<x-empty>None.</x-empty>@endforelse</div></section>
    </aside>
</div>
@endsection