<x-filament::page>
    <link rel="stylesheet" href="{{ asset('css/custom.css') }}">

    <div class="profile-card">
        <div class="profile-grid">
            <div class="profile-row">
                <strong class="profile-label">Name:</strong>
                <span class="profile-value">{{ $user->name ?? '—' }}</span>
            </div>

            <div class="profile-row">
                <strong class="profile-label">Father Name:</strong>
                <span class="profile-value">{{ $user->father_name ?? '—' }}</span>
            </div>

            <div class="profile-row-address">
                <strong class="profile-label">Address:</strong>
                <span class="profile-value">{{ $user->address ?? '—' }}</span>
            </div>

            <div class="profile-row">
                <strong class="profile-label">Aadhar no:</strong>
                <span class="profile-value">{{ $user->aadhar_no ?? '—' }}</span>
            </div>

            <div class="profile-row">
                <strong class="profile-label">Pan no:</strong>
                <span class="profile-value">{{ $user->pan_no ?? '—' }}</span>
            </div>

            <div class="profile-row">
                <strong class="profile-label">Occuption:</strong>
                <span class="profile-value">{{ $user->occuption ?? '—' }}</span>
            </div>

            <div class="profile-row">
                <strong class="profile-label">Sex:</strong>
                <span class="profile-value">{{ $user->sex ?? '—' }}</span>
            </div>

            <div class="profile-row">
                <strong class="profile-label">Date of Birth:</strong>
                <span class="profile-value">{{ $user->dob ? \Carbon\Carbon::parse($user->dob)->format('d-m-Y') : '—' }}</span>
            </div>

            <div class="profile-row">
                <strong class="profile-label">Email Id:</strong>
                <span class="profile-value">{{ $user->email ?? '—' }}</span>
            </div>

            <div class="profile-row">
                <strong class="profile-label">Mobile No:</strong>
                <span class="profile-value">{{ $user->mobile ?? '—' }}</span>
            </div>

            <div class="profile-row">
                <strong class="profile-label">Whatsapp No:</strong>
                <span class="profile-value">{{ $user->whatsapp_no ?? '—' }}</span>
            </div>

            <div class="profile-row-address">
                <hr style="color: black; width: 100%">
            </div>

            <div class="profile-row">
                <strong class="profile-label">Member Level:</strong>
                <span class="profile-value">{{ $user->member_level ?? '—' }}</span>
            </div>

            <div class="profile-row">
                <strong class="profile-label">Primary City:</strong>
                <span class="profile-value">{{ $user->primary_city ?? '—' }}</span>
            </div>

            <div class="profile-row">
                <strong class="profile-label">Member Code:</strong>
                <span class="profile-value">{{ $user->member_code ?? '—' }}</span>
            </div>

            <div class="profile-row">
                <strong class="profile-label">Member Cadre:</strong>
                <span class="profile-value">{{ $user->member_cadre ?? '—' }}</span>
            </div>

            <div class="profile-row">
                <strong class="profile-label">VG Group Code:</strong>
                <span class="profile-value">{{ $user->vg_group_code ?? '—' }}</span>
            </div>

            <div class="profile-row">
                <strong class="profile-label">VG Group Name:</strong>
                <span class="profile-value">{{ $user->vg_group_name ?? '—' }}</span>
            </div>

            <div class="profile-row">
                <strong class="profile-label">Federation Code:</strong>
                <span class="profile-value">{{ $user->federation_code ?? '—' }}</span>
            </div>

            <div class="profile-row">
                <strong class="profile-label">Federation Name:</strong>
                <span class="profile-value">{{ $user->federation_name ?? '—' }}</span>
            </div>

            <div class="profile-row">
                <strong class="profile-label">Created At:</strong>
                <span class="profile-value">{{ $user->created_at?->format('d-m-Y h:i A') ?? '—' }}</span>
            </div>
        </div>
    </div>
</x-filament::page>
