@extends('layouts.app')
@section('title')
    {{ __('messages_301.User profile') }}
@endsection
@section('style')
    <link rel="stylesheet" href="{{ asset('assets/vendor/css/pages/page-profile.css') }}" />
    <style>
        .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
            width: 100% !important;
        }

        .bordered-img {
            border: 5px solid black;
            /* Adjust the color and width as needed */
            border-radius: 5px;
            /* Adjust the radius to match the rounded corners if needed */
        }

        .shadow-img {
            box-shadow: 0 4px 8px rgb(0, 0, 0);
            /* Adjust the offset, blur, and color as needed */
            border-radius: 5px;
            /* Adjust the radius to match the rounded corners if needed */
        }
    </style>
@endsection
@section('content')
    <div class="container-xxl flex-grow-1 container-p-y">
        @if ($data->type->value == 'doctor')
            @include('inc.breadcrumb', [
                'breadcrumb_items' => [
                    __('messages.Home') => route('home'),
                    __('messages_301.Users') => null,
                    __('messages_301.Doctors') => route('admin.users.doctors.index'),
                    __('messages_301.User profile') => route('admin.users.doctors.show', $data->id),
                    __('messages_303.Posts') => 'active',
                ],
            ])
        @elseif ($data->type->value == 'student')
            @include('inc.breadcrumb', [
                'breadcrumb_items' => [
                    __('messages.Home') => route('home'),
                    __('messages_301.Users') => null,
                    __('messages_301.Students') => route('admin.users.students.index'),
                    __('messages_301.User profile') => route('admin.users.students.show', $data->id),
                    __('messages_303.Posts') => 'active',
                ],
            ])
        @elseif ($data->type->value == 'company')
            @include('inc.breadcrumb', [
                'breadcrumb_items' => [
                    __('messages.Home') => route('home'),
                    __('messages_301.Users') => null,
                    __('messages_301.Companies') => route('admin.users.companies.index'),
                    __('messages_301.User profile') => route('admin.users.companies.show', $data->id),
                    __('messages_303.Posts') => 'active',
                ],
            ])
        @endif



        <div class="container-xxl flex-grow-1 container-p-y">

            @include('admin.users.includes.profile_info')

            <div class="container-xxl flex-grow-1 container-p-y">
                <div class="app-academy">

                    <div class="card mb-4">
                        <div class="card-header d-flex flex-wrap justify-content-between gap-3">
                            <div class="card-title mb-0 me-1">
                                <h5 class="mb-1">{{ __('messages_303.Posts') }}</h5>
                                <p class="text-muted mb-0">{{ count($posts) }}</p>
                            </div>

                        </div>
                        <div class="card-body">
                            <div class="row g-4">
                                @php
                                    $i = 1;
                                    $skipCount = $posts->perPage() * $posts->currentPage() - $posts->perPage();
                                @endphp
                                @include('inc.is_empty_data', [
                                    'var_check_empty' => $posts,
                                    'var_check_empty_rows' => 4,
                                ])
                                @foreach ($posts as $post)
                                    <div class="col-xl-4 col-lg-6 col-md-6">
                                        <div class="card">
                                            <div class="card-body">
                                                <div class="d-flex align-items-center mb-3">
                                                    <a href="javascript:;" class="d-flex align-items-center">
                                                        <div class="avatar me-2">
                                                            <img src="{{ $data->image ? asset($data->image) : asset('default-images/user-image.png') }}"
                                                                alt="Avatar" class="rounded-circle" />
                                                        </div>
                                                        <div class="me-2 text-body h5 mb-0">{{ $data->username }}</div>
                                                    </a>
                                                    <div class="ms-auto">
                                                        <ul class="list-inline mb-0 d-flex align-items-center">
                                                            <li class="list-inline-item">
                                                                <div class="dropdown">
                                                                    <button type="button"
                                                                        class="btn dropdown-toggle hide-arrow p-0"
                                                                        data-bs-toggle="dropdown" aria-expanded="false">
                                                                        <i class="ti ti-dots-vertical text-muted"></i>
                                                                    </button>
                                                                    <ul class="dropdown-menu dropdown-menu-end">
                                                                        @can('show_posts_details')
                                                                            <li><a class="dropdown-item"
                                                                                    href="{{ route('admin.posts.details', $post->id) }}"><i
                                                                                        class="ti ti-eye "></i>{{ __('messages_301.Show details') }}</a>
                                                                            </li>
                                                                        @endcan
                                                                        {{-- <li>
                                                                            <hr class="dropdown-divider" />
                                                                        </li> --}}
                                                                        {{-- <li>
                                                                            <a class="dropdown-item text-danger"
                                                                                href="javascript:void(0);">Delete
                                                                                Team</a>
                                                                        </li> --}}
                                                                    </ul>
                                                                </div>



                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <p class="mb-3">
                                                    {{ $post->description }}
                                                </p>
                                                <div class="d-flex align-items-center pt-1">
                                                    <div class="d-flex align-items-center">
                                                        @foreach ($post->topics as $topic)
                                                            <a href="javascript:;" class="me-2"><span
                                                                    class="badge bg-label-primary">{{ $topic->name }}</span></a>
                                                        @endforeach
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                                <div class="m-3">
                                    {{ $posts->appends(Request::except(['_token']))->links() }}
                                </div>
                            </div>

                        </div>
                    </div>


                </div>
            </div>

        </div>
    </div>
@endsection
@section('script')
    <script src="{{ asset('assets/js/pages-account-settings-account.js') }}"></script>
    <script src="{{ asset('assets/js/pages-profile.js') }}"></script>
    <script>
        $(document).ready(function() {
            $('.nav-link').on('click', function(event) {
                event.preventDefault(); // Prevent the default link behavior

                var page = $(this).data('page');

                var userId = {{ $data->id }}; // Assuming $data->id contains the user ID
                var user_type = {!! json_encode($data->type->value) !!};
                console.log(user_type);
                if (user_type == 'doctor')
                    var newUrl = '/admin/users/doctors/' + userId + '?type=' + page;
                else if (user_type == 'company')
                    var newUrl = '/admin/users/companies/' + userId + '?type=' + page;
                else if (user_type == 'student')
                    var newUrl = '/admin/users/students/' + userId + '?type=' + page;

                // Navigate to the new URL
                window.location.href = newUrl;
            });
        });
    </script>
@endsection