<div class="userInfo__header">
    <h4 class="title"> {{__('basic_info')}} </h4>
    <span class="meta">Free Plan User</span>
</div>
<div class="userDetails">
    <ul class="list">
        <li><span>{{ __('full_name') }}:</span> {{ Auth::user()->first_name }}
            {{ Auth::user()->last_name }}
        </li>
        <li><span>{{ __('email') }}:</span>
            <a href="mailto:{{ Auth::user()->email }}">{{ Auth::user()->email }}</a>
        </li>
        <li><span>{{ __('phone') }}:</span>
            <a href="tel:{{ Auth::user()->phone }}">{{ Auth::user()->phone ? Auth::user()->phone : __('not_available') }}</a>
        </li>
        <li><span>{{ __('dob') }}:</span>
            {{ Auth::user()->date_of_birth ? date('d M Y', strtotime(Auth::user()->date_of_birth)) : __('not_available') }}
        </li>
        <li>
            <span>{{ __('gender') }}:</span>
            @php
                $genderMap = [
                    1 => __('male'),
                    2 => __('female'),
                    0 => __('rather_not_say'),
                ];
                $userGender = Auth::user()->gender;
            @endphp
            {{ $genderMap[$userGender] ?? __('not_available') }}
        </li>

    </ul>

    <button class="edit__btn" data-bs-toggle="modal" data-bs-target="#editUserDetailsModal">
        {{ __('edit_info') }}
    </button>
</div>
