@extends('admin.layouts.dashboard')

@section('title', 'Executive')

@section('content')
    <x-page-header
        :title="ucwords($executive->fullname)"
        :description="$executive->occupation"
        :breadcrumbs="['Dashboard' => url('/dashboard'), 'Executives' => route('executives.index'), ucwords($executive->fullname) => null]"
    >
        <x-slot:actions>
            @can(\App\Support\Permissions::EXECUTIVES_UPDATE)
                <a href="{{ route('executives.edit', $executive->id) }}" class="btn btn--secondary">
                    <i class="fa-solid fa-pen" aria-hidden="true"></i> Edit
                </a>
            @endcan
            <a href="{{ url('/employeewiseattendance/1') }}" class="btn btn--secondary">
                <i class="fa-solid fa-clipboard-user" aria-hidden="true"></i> Attendance
            </a>
        </x-slot:actions>
    </x-page-header>

    <div class="grid grid--3">
        <x-card title="Photo">
            <x-photo
                :path="$profile_image_path"
                :file="$executive->pic"
                :alt="'Photo of '.ucwords($executive->fullname)"
                style="width:100%; max-width:220px; border-radius:var(--radius-md); border:1px solid var(--color-border);"
            />
        </x-card>

        <x-card title="Details" style="grid-column: span 2;">
            <table class="data-table">
                <tbody>
                    <tr>
                        <td><span class="data-table__label">Designation</span><span class="data-table__value u-capitalize">{{ $executive->occupation ?: '—' }}</span></td>
                        <td><span class="data-table__label">Staff ID</span><span class="data-table__value">{{ $executive->gym_id ?: '—' }}</span></td>
                        <td><span class="data-table__label">Terminal PIN</span><span class="data-table__value">{{ $executive->pin2 ?: '—' }}</span></td>
                    </tr>
                    <tr>
                        <td><span class="data-table__label">Age</span><span class="data-table__value">{{ $executive->age }}</span></td>
                        <td><span class="data-table__label">Sex</span><span class="data-table__value">{{ $sex[$executive->sex] ?? '—' }}</span></td>
                        <td><span class="data-table__label">Blood group</span><span class="data-table__value">{{ $blood_group[$executive->blood_group] ?? '—' }}</span></td>
                    </tr>
                    <tr>
                        <td><span class="data-table__label">Phone</span><span class="data-table__value">{{ $executive->phone_number ?: '—' }}</span></td>
                        <td><span class="data-table__label">Emergency</span><span class="data-table__value">{{ $executive->emergency_contact ?: '—' }}</span></td>
                        <td><span class="data-table__label">Joined</span><span class="data-table__value">{{ $executive->registration_date ? date('d M Y', strtotime($executive->registration_date)) : '—' }}</span></td>
                    </tr>
                    <tr>
                        <td colspan="3"><span class="data-table__label">Address</span><span class="data-table__value u-capitalize">{{ $executive->present_address ?: '—' }}</span></td>
                    </tr>
                    <tr>
                        <td colspan="3"><span class="data-table__label">NID / Passport</span><span class="data-table__value">{{ $executive->identification_id ?: '—' }}</span></td>
                    </tr>
                </tbody>
            </table>
        </x-card>
    </div>
@endsection