@extends('admin.layout.master')
@section('title', __('admin.setting'))
@section('styles')

@endsection
@section('scripts')

@endsection
@section('content')

    <div class="container-xxl flex-grow-1 container-p-y">
        <div class="row">
            <div class="col-xl-4 col-lg-5 col-md-5">
                <!-- About User -->
                <div class="card mb-6">
                    <div class="card-body">
                        {{-- avatar --}}
                        <div class="user-avatar-section">
                            <div class="d-flex align-items-center flex-column">
                                <img class="img-fluid rounded-circle my-4" src="{{ $user->image }}" height="110"
                                    width="110" alt="User Avatar">
                            </div>
                        </div>
                        <small class="card-text text-uppercase text-muted small">{{ __('admin.about') }}</small>
                        <ul class="list-unstyled my-3 py-1">
                            <li class="d-flex align-items-center mb-4"><i class="ti ti-user ti-lg"></i><span
                                    class="fw-medium mx-2">{{ __('admin.name') }}:</span> <span>{{ $user->name }}</span>
                            </li>
                            {{-- <li class="d-flex align-items-center mb-4"><i class="ti ti-check ti-lg"></i><span class="fw-medium mx-2">{{ __('admin.status') }}:</span> <span>{{ $user->status }}</span></li> --}}
                            <li class="d-flex align-items-center mb-4"><i class="ti ti-crown ti-lg"></i><span
                                    class="fw-medium mx-2">{{ __('admin.unit_num') }}:</span>
                                <span>{{ $user->unit_num }}</span></li>
                        </ul>
                        <small class="card-text text-uppercase text-muted small">{{ __('admin.contact') }}</small>
                        <ul class="list-unstyled my-3 py-1">
                            <li class="d-flex align-items-center mb-4"><i class="ti ti-phone-call ti-lg"></i><span
                                    class="fw-medium mx-2">{{ __('admin.phone') }}:</span> <span>({{ $user->country_code }})
                                    {{ $user->phone }}</span></li>
                            <li class="d-flex align-items-center mb-4"><i class="ti ti-mail ti-lg"></i><span
                                    class="fw-medium mx-2">{{ __('admin.email') }}:</span>
                                <span>{{ $user->email }}</span></li>
                        </ul>
                        <small class="card-text text-uppercase text-muted small">{{ __('admin.analysis') }}</small>
                        <ul class="list-unstyled mb-0 mt-3 pt-1">
                            <li class="d-flex flex-wrap mb-4"><span
                                    class="fw-medium me-2">{{ __('admin.posts') }}</span><span>({{ $user->posts->count() }})</span>
                            </li>
                            <li class="d-flex flex-wrap">
                                <span
                                    class="fw-medium me-2">{{ __('comments') }}</span><span>({{ $user->comments->count() }})</span>
                            </li>
                            <li class="d-flex flex-wrap">
                                <span
                                    class="fw-medium me-2">{{ __('orders') }}</span><span>({{ $user->orders->count() }})</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <!--/ About User -->

            </div>
            <div class="col-xl-8 col-lg-7 col-md-7">
                <div class="row">
                    <div class="col-md-12">
                        <div class="nav-align-top">
                            <ul class="nav nav-pills flex-column flex-sm-row mb-6 gap-2 gap-lg-0">
                                <li class="nav-item"><a class="nav-link {{ request()->routeIs('admin.users.show') ? 'active' : '' }} waves-effect waves-light"
                                        href="{{ route('admin.users.show', $user->id) }}"><i class="ti-sm ti ti-user-check me-1_5"></i>
                                        {{ __('admin.posts') }}</a></li>
                                <li class="nav-item"><a class="nav-link {{ request()->routeIs('admin.users.comments') ? 'active' : '' }} waves-effect waves-light"
                                        href="{{ route('admin.users.comments', $user->id) }}"><i class="ti-sm ti ti-users me-1_5"></i>
                                        {{ __('admin.comments') }}</a></li>
                                <li class="nav-item"><a class="nav-link {{ request()->routeIs('admin.users.likes') ? 'active' : '' }} waves-effect waves-light"
                                        href="{{ route('admin.users.likes', $user->id) }}"><i class="ti-sm ti ti-layout-grid me-1_5"></i>
                                        {{ __('admin.likes') }}</a></li>
                                <li class="nav-item"><a class="nav-link {{ request()->routeIs('admin.users.orders') ? 'active' : '' }} waves-effect waves-light"
                                        href="{{ route('admin.users.orders', $user->id) }}"><i class="ti-sm ti ti-link me-1_5"></i>
                                        {{ __('admin.orders') }}</a></li>
                            </ul>
                        </div>
                    </div>

                    <div class="col-md-12">
                       @yield('user-content')
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endsection