@php
use Illuminate\Support\Str;
@endphp
@if($user !=null && $guardians !=null)
<ul class="body-tabs body-tabs-layout tabs-animated body-tabs-animated nav">
    <li class="nav-item">
        <a role="tab" class="nav-link active" id="tab-0" data-bs-toggle="tab" href="#tab-content-0" aria-selected="true">
            <span>{{__('core.user_details')}}</span>
        </a>
    </li>
    @if($user->student)
    <li class="nav-item">
        <a role="tab" class="nav-link " id="tab-1" data-bs-toggle="tab" href="#tab-content-1" aria-selected="false">
            <span>{{__('core.student_details')}}</span>
        </a>
    </li>
    @endif

    @if($user->employee)
    <li class="nav-item">
        <a role="tab" class="nav-link" id="tab-2" data-bs-toggle="tab" href="#tab-content-2">
            <span>{{__('core.employee_details')}}</span>
        </a>
    </li>
    @endif

    @if($user->student)
    <li class="nav-item">
        <a role="tab" class="nav-link" id="tab-3" data-bs-toggle="tab" href="#tab-content-3">
            <span>{{__('core.guardians')}}</span>
        </a>
    </li>
    @endif
</ul>
<div class="tab-content" id="user-data">
    <div class="tab-pane tabs-animation fade active show" id="tab-content-0">
        <div class="card mb-3" style="border: 1px solid #dfdfdf;">
            <div class="card-body">
                <div>
                    <div class="d-flex gap-1">
                        <div class="profile">
                            <img style="width: 4rem;height:4rem;" class="rounded-circle" src="{{ isset($user->photo) ? asset(str_replace('public/', 'storage/', $user->photo)) : asset('images/default/user.jpeg') }}" alt="">
                        </div>
                        <div class="details mt-1 d-flex flex-column">
                            <span style="font-weight: bold;font-size:medium;color:rgba(13, 27, 62, 0.7);" class="mb-1">{{ $user->username }}</span>
                            <span>{{ auth()->user()->getRoleNames()->first()??"N/A" }}</span>
                            <span>{{ $user->address }}</span>
                        </div>
                        <span class="ms-auto" style="position: absolute;top:11px; right:0;">
                            <a href="{{route('user_portal.edit_user_password',[$user->id])}}" class="mb-2 me-2 btn-transition btn btn-outline-light modal-triger" data-bs-toggle="modal" data-bs-target="#basicModal">
                                <i class="lnr-pencil"></i>
                                {{ __('Edit') }}</a>
                        </span>

                    </div>

                </div>
            </div>
        </div>
        <div class="card mb-3" style="border: 1px solid #dfdfdf;">
            <div class="card-body">
                <div class="card-title">Profile Information</div>
                <span class="ms-auto" style="position: absolute;top:11px; right:0;">
                    <a href="{{route('user_portal.edit_user_information',[$user->id])}}" class="mb-2 me-2 btn-transition btn btn-outline-light modal-triger" data-bs-toggle="modal" data-bs-target="#basicModal">
                        <i class="lnr-pencil"></i>
                        {{ __('Edit') }}</a>
                </span>
                <div class="row" style="color: #525252;">
                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>First Name</span>
                        <span class="" style="font-weight: 500;">{{ $user->first_name ?? 'N/A' }}</span>
                    </div>
                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>Middle Name</span>
                        <span class="" style="font-weight: 500;">{{ $user->middle_name ?? 'N/A' }}</span>
                    </div>
                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>Last Name</span>
                        <span class="" style="font-weight: 500;">{{ $user->last_name ?? 'N/A' }}</span>
                    </div>
                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>Nick Name</span>
                        <span class="" style="font-weight: 500;">{{ $user->nick_name ?? 'N/A' }}</span>
                    </div>
                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{__('core.email')}}</span>
                        <span class="" style="font-weight: 500;">{{ $user->email ?? 'N/A' }}</span>
                    </div>
                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{__('core.phone')}}</span>
                        <span class="" style="font-weight: 500;">{{ $user->mobile ?? 'N/A' }}</span>
                    </div>
                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{__('core.dob')}}</span>
                        <span class="" style="font-weight: 500;">{{ $user->dob ?? 'N/A' }}</span>
                    </div>
                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{__('core.gender')}}</span>
                        <span class="" style="font-weight: 500;">
                            @switch($user->gender)
                            @case(1)
                            {{__('core.male')}}
                            @break
                            @case(2)
                            {{__('core.female')}}
                            @break
                            @default
                            {{__('core.others')}}

                            @endswitch
                        </span>
                    </div>
                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{__('core.nationality')}}</span>
                        <span class="" style="font-weight: 500;">{{ ($user->nationalities && $user->nationalities->nationality) ? $user->nationalities->nationality : 'N/A' }}</span>
                    </div>
                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{__('core.religion')}}</span>
                        <span class="" style="font-weight: 500;">{{ ($user->religions && $user->religions->religion) ? $user->religions->religion: 'N/A' }}</span>
                    </div>
                </div>

            </div>
        </div>
        @if ($user->permanent_address_id == $user->present_address_id)
        @if($user->presentAddress)

        <div class="card mb-3" style="border: 1px solid #dfdfdf;">
            <div class="card-body">
                <div class="card-title">{{__("core.addresses")}}</div>
                <span class="ms-auto" style="position: absolute;top:11px; right:0;">
                    <a href="{{route('user_portal.edit_address',[$user->id])}}" class="mb-2 me-2 btn-transition btn btn-outline-light modal-triger" data-bs-toggle="modal" data-bs-target="#basicModal">
                        <i class="lnr-pencil"></i>
                        {{ __('Edit') }}</a>
                </span>
                <div class="row" style="color: #525252;">
                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{__('core.country')}}</span>
                        <span class="" style="font-weight: 500;">{{ $user->presentAddress->country && $user->presentAddress->country->country_name ? $user->presentAddress->country->country_name: 'N/A' }}</span>
                    </div>
                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{__('core.division')}}</span>
                        <span class="" style="font-weight: 500;">{{ $user->presentAddress->division && $user->presentAddress->division->division_name ? $user->presentAddress->division->division_name: 'N/A' }}</span>
                    </div>
                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{__('core.upazila_thana')}}</span>
                        <span class="" style="font-weight: 500;">{{ $user->presentAddress->upazilaThana && $user->presentAddress->upazilaThana->upazila_thana_name ? $user->presentAddress->upazilaThana->upazila_thana_name: 'N/A' }}</span>
                    </div>
                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{__('core.ward_no')}}</span>
                        <span class="" style="font-weight: 500;">{{ $user->presentAddress->ward_no ?? 'N/A' }}</span>
                    </div>
                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{__('core.village_name')}}</span>
                        <span class="" style="font-weight: 500;">{{ $user->presentAddress->village_name ?? 'N/A' }}</span>
                    </div>
                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{__('core.road_name')}}</span>
                        <span class="" style="font-weight: 500;">{{ $user->presentAddress->road_name ?? 'N/A' }}</span>
                    </div>
                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{__('core.hold_no')}}</span>
                        <span class="" style="font-weight: 500;">{{ $user->presentAddress->hold_no ?? 'N/A' }}</span>
                    </div>

                </div>

            </div>
        </div>
        @endif

        @else
        <div class="card mb-3" style="border: 1px solid #dfdfdf;">
            <div class="card-body">
                <div class="card-title">{{__("core.present_address")}}</div>
                <span class="ms-auto" style="position: absolute;top:11px; right:0;">
                    <a href="{{route('user_portal.edit_address',[$user->id])}}" class="mb-2 me-2 btn-transition btn btn-outline-light modal-triger" data-bs-toggle="modal" data-bs-target="#basicModal">
                        <i class="lnr-pencil"></i>
                        {{ __('Edit') }}</a>
                </span>
                <div class="row" style="color: #525252;">
                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{__('core.country')}}</span>
                        <span class="" style="font-weight: 500;">{{ $user->presentAddress->country && $user->presentAddress->country->country_name ? $user->presentAddress->country->country_name: 'N/A' }}</span>
                    </div>
                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{__('core.division')}}</span>
                        <span class="" style="font-weight: 500;">{{ $user->presentAddress->division && $user->presentAddress->division->division_name ? $user->presentAddress->division->division_name: 'N/A' }}</span>
                    </div>
                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{__('core.upazila_thana')}}</span>
                        <span class="" style="font-weight: 500;">{{ $user->presentAddress->upazilaThana && $user->presentAddress->upazilaThana->upazila_thana_name ? $user->presentAddress->upazilaThana->upazila_thana_name: 'N/A' }}</span>
                    </div>
                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{__('core.ward_no')}}</span>
                        <span class="" style="font-weight: 500;">{{ $user->presentAddress->ward_no ?? 'N/A' }}</span>
                    </div>
                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{__('core.village_name')}}</span>
                        <span class="" style="font-weight: 500;">{{ $user->presentAddress->village_name ?? 'N/A' }}</span>
                    </div>
                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{__('core.road_name')}}</span>
                        <span class="" style="font-weight: 500;">{{ $user->presentAddress->road_name ?? 'N/A' }}</span>
                    </div>
                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{__('core.hold_no')}}</span>
                        <span class="" style="font-weight: 500;">{{ $user->presentAddress->hold_no ?? 'N/A' }}</span>
                    </div>

                </div>

            </div>
        </div>

        <div class="card mb-3" style="border: 1px solid #dfdfdf;">
            <div class="card-body">
                <div class="card-title">{{__("core.permanent_address")}}</div>
                <span class="ms-auto" style="position: absolute;top:11px; right:0;">
                    <a href="{{route('user_portal.edit_address',[$user->id])}}" class="mb-2 me-2 btn-transition btn btn-outline-light modal-triger" data-bs-toggle="modal" data-bs-target="#basicModal">
                        <i class="lnr-pencil"></i>
                        {{ __('Edit') }}</a>
                </span>
                <div class="row" style="color: #525252;">
                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{__('core.country')}}</span>
                        <span class="" style="font-weight: 500;">{{ $user->permanentAddress->country && $user->permanentAddress->country->country_name ? $user->permanentAddress->country->country_name: 'N/A' }}</span>
                    </div>
                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{__('core.divisition')}}</span>
                        <span class="" style="font-weight: 500;">{{ $user->permanentAddress->division && $user->permanentAddress->division->division_name ? $user->permanentAddress->division->division_name: 'N/A' }}</span>
                    </div>
                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{__('core.upazila_thana')}}</span>
                        <span class="" style="font-weight: 500;">{{ $user->permanentAddress->upazilaThana && $user->permanentAddress->upazilaThana->upazila_thana_name ? $user->permanentAddress->upazilaThana->upazila_thana_name: 'N/A' }}</span>
                    </div>
                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{__('core.ward_no')}}</span>
                        <span class="" style="font-weight: 500;">{{ $user->permanentAddress->ward_no ?? 'N/A' }}</span>
                    </div>
                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{__('core.village_name')}}</span>
                        <span class="" style="font-weight: 500;">{{ $user->permanentAddress->village_name ?? 'N/A' }}</span>
                    </div>
                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{__('core.road_no')}}</span>
                        <span class="" style="font-weight: 500;">{{ $user->permanentAddress->road_name ?? 'N/A' }}</span>
                    </div>
                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{__('core.hold_no')}}</span>
                        <span class="" style="font-weight: 500;">{{ $user->permanentAddress->hold_no ?? 'N/A' }}</span>
                    </div>

                </div>

            </div>
        </div>

        @endif



    </div>
    @if($user->student)
    <div class="tab-pane tabs-animation fade " id="tab-content-1">
        <div class="card mb-3" style="border: 1px solid #dfdfdf;">
            <div class="card-body">
                <div class="card-title">{{__('core.academic_information')}}</div>
                @if(Str::endsWith($user->username, 'grd'))
                <span class="ms-auto" style="position: absolute;top:11px; right:0;">
                    <a href="{{route('user_portal.edit_student_profile',$user->student->user_id)}}" class="mb-2 me-2 btn-transition btn btn-outline-light modal-triger" data-bs-toggle="modal" data-bs-target="#basicModal">
                        <i class="lnr-pencil"></i>
                        {{ __('Edit') }}</a>
                </span>
                @endif

                <div class="row" style="color: #525252;">
                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{__('core.admission_date')}}</span>
                        <span class="" style="font-weight: 500;">{{ $user->student->admission_date ?? 'N/A' }}</span>
                    </div>
                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{__('core.joining_date')}}</span>
                        <span class="" style="font-weight: 500;">{{ $user->student->joining_date ?? 'N/A' }}</span>
                    </div>
                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{__('academic.academic_year')}}</span>
                        <span class="" style="font-weight: 500;">{{ $user->student->academicYear->academic_year ?? 'N/A' }}</span>
                    </div>
                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{__('academic.academic_class')}}</span>
                        <span class="" style="font-weight: 500;">{{ $user->student->academicClass->academic_class ?? 'N/A' }}</span>
                    </div>
                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{__('academic.shift_name')}}</span>
                        <span class="" style="font-weight: 500;">{{ $user->student->shift->shift_name ?? 'N/A' }}</span>
                    </div>
                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{ __('core.previous_school_name') }}</span>
                        <span class="" style="font-weight: 500;">{{ $user->student->previous_school_name ?? 'N/A' }}</span>
                    </div>

                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{ __('core.previous_class') }}</span>
                        <span class="" style="font-weight: 500;">{{ $user->student->previous_class ?? 'N/A' }}</span>
                    </div>

                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{ __('core.previous_section') }}</span>
                        <span class="" style="font-weight: 500;">{{ $user->student->previous_section ?? 'N/A' }}</span>
                    </div>

                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{ __('core.roll_no') }}</span>
                        <span class="" style="font-weight: 500;">{{ $user->student->roll_no ?? 'N/A' }}</span>
                    </div>
                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{ __('core.previous_roll') }}</span>
                        <span class="" style="font-weight: 500;">{{ $user->student->previous_roll ?? 'N/A' }}</span>
                    </div>
                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{ __('core.other_mobile') }}</span>
                        <span class="" style="font-weight: 500;">{{ $user->student->other_mobile ?? 'N/A' }}</span>
                    </div>

                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{ __('core.previous_cgpa') }}</span>
                        <span class="" style="font-weight: 500;">{{ $user->student->previous_cgpa ?? 'N/A' }}</span>
                    </div>

                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{ __('core.academic_certificate') }}</span>
                        <span class="" style="font-weight: 500;">{{ $user->student->academic_certificate ?? 'N/A' }}</span>
                    </div>

                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{ __('core.transfer_certificate') }}</span>
                        <span class="" style="font-weight: 500;">{{ $user->student->transfer_certificate ?? 'N/A' }}</span>
                    </div>

                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{ __('core.testimonial') }}</span>
                        <span class="" style="font-weight: 500;">{{ $user->student->testimonial ?? 'N/A' }}</span>
                    </div>

                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{ __('core.second_language') }}</span>
                        <span class="" style="font-weight: 500;">{{ $user->student->second_language ?? 'N/A' }}</span>
                    </div>


                </div>

            </div>
        </div>


    </div>
    @endif

    @if($user->employee)
    <div class="tab-pane tabs-animation fade" id="tab-content-2">
        <div class="card mb-3" style="border: 1px solid #dfdfdf;">
            <div class="card-body">
                <div class="card-title">Profile Information</div>
                {{-- <span class="ms-auto" style="position: absolute;top:11px; right:0;">
                    <a href="#" class="mb-2 me-2 btn-transition btn btn-outline-light modal-triger" data-bs-toggle="modal" data-bs-target="#basicModal">
                        <i class="lnr-pencil"></i>
                        {{ __('Edit') }}</a>
                </span> --}}
                <div class="row" style="color: #525252;">
                    @if($user->employee->information)

                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{__('core.designation')}}</span>
                        <span class="" style="font-weight: 500;">{{ $user->employee->information->designation ?$user->employee->information->designation->designation_name : 'N/A' }}</span>
                    </div>
                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{__('core.department')}}</span>
                        <span class="" style="font-weight: 500;">{{ $user->employee->information->department->department_name ?? 'N/A' }}</span>
                    </div>
                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{__('core.in_time')}}</span>
                        <span class="" style="font-weight: 500;">{{ $user->employee->information->in_time ?? 'N/A' }}</span>
                    </div>
                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{__('core.out_time')}}</span>
                        <span class="" style="font-weight: 500;">{{ $user->employee->information->out_time ?? 'N/A' }}</span>
                    </div>
                    <div class="col-3 details d-flex flex-column mb-3">
                        <span>{{__('core.joining_date')}}</span>
                        <span class="" style="font-weight: 500;">{{ $user->employee->information->joining_date ?? 'N/A' }}</span>
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
    @endif

    @if($user->student)
    <div class="tab-pane tabs-animation fade" id="tab-content-3">
        @if(count($guardians) > 0)
        <div class="row">
            @foreach ($guardians as $item)
            <div class="col-12 col-md-6  mb-3">
                <div class="card" style="border: 1px solid #dfdfdf;">
                    <div class="card-body">
                        <div class="card-title">{{$item->relation_type}} Information</div>
                        @if(Str::endsWith($user->username, 'grd'))
                        <span class="ms-auto" style="position: absolute;top:11px; right:0;">
                            <a href="{{route('user_portal.edit_guardian_profile',$item->guardian_id)}}" class="mb-2 me-2 btn-transition btn btn-outline-light modal-triger" data-bs-toggle="modal" data-bs-target="#basicModal">
                                <i class="lnr-pencil"></i>
                                {{ __('Edit') }}</a>
                        </span>
                        @endif
                        <div class="row" style="color: #525252;">
                            <div class="col-3 details d-flex flex-column mb-3">
                                <span>{{__('core.name')}}</span>
                                <span class="" style="font-weight: 500;">{{ $item->guardian_name ?? 'N/A' }}</span>
                            </div>
                            <div class="col-3 details d-flex flex-column mb-3">
                                <span>{{__('core.phone')}}</span>
                                <span class="" style="font-weight: 500;">{{ $item->guardian_phone ?? 'N/A' }}</span>
                            </div>
                            <div class="col-3 details d-flex flex-column mb-3">
                                <span>{{__('core.email')}}</span>
                                <span class="" style="font-weight: 500;">{{ $item->guardian_email ?? 'N/A' }}</span>
                            </div>
                            <div class="col-3 details d-flex flex-column mb-3">
                                <span>{{__('core.education')}}</span>
                                <span class="" style="font-weight: 500;">{{ $item->guardian_education ?? 'N/A' }}</span>
                            </div>
                            <div class="col-3 details d-flex flex-column mb-3">
                                <span>{{__('core.profession')}}</span>
                                <span class="" style="font-weight: 500;">{{ $item->guardian_profession ?? 'N/A' }}</span>
                            </div>
                            @if ($item->is_guardian_dead==1)
                            <div class="col-3 details d-flex flex-column mb-3">
                                <span>{{__('core.death_date')}}</span>
                                <span class="" style="font-weight: 500;">{{ $item->guardian_dead_date ?? 'N/A' }}</span>
                            </div>
                            @endif


                        </div>

                    </div>
                </div>

            </div>
            @endforeach
        </div>
        @endif
    </div>
    @endif
</div>
@else
<div class="" style="">
    <div class="loader-wrapper d-flex justify-content-center align-items-center m-auto">
        <div class="loader">
            <div class="ball-scale">
                <div></div>
            </div>
        </div>
    </div>
</div>
@endif