@extends('web.layouts.container')

@section('content')
    <section class="inner_header">
        <img src="{{asset('assets/web/images/icons/inner.svg')}}" alt="" class="inner_shap">
        <div class="container">
            <ul class="links">
                <li>
                    <a href="{{LaravelLocalization::getLocalizedURL($lang, route('home'), [], true)}}">{{__('main.home')}}</a>
                </li>
                <li>
                    <a href="#">{{__('members.my_profile')}}</a>
                </li>
            </ul>
            <h4>{{__('members.my_profile')}}</h4>
        </div>
    </section>

    <section class="profile-pg section_padding">
        <div class="container">
            <div class="user_img">
                <div class="img">
                    <img id="img-profile" class="img-fluid image-profile"
                         src="{{asset($user->photo ?? 'assets/web/images/person.png')}}" alt="your image">
                </div>
            </div>
            <div class="inner">
                <div class="row">
                    <div class="col-md-6">
                        <div class="data-group">
                            <p class="label">{{__('members.name')}}</p>
                            <p class="data">{{$user->name}}</p>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="data-group">
                            <p class="label">{{__('members.email')}}</p>
                            <p class="data">{{$user->email}}</p>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="data-group">
                            <p class="label">{{__('members.phone')}}</p>
                            <p class="data">
                                {{$user->phone}}
                                <a href="{{route('user.phoneForm')}}" class="butn sub_butn">
                                    <span><i class="bi bi-pen"></i> {{__('members.edit_phone')}}</span>
                                </a>
                            </p>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="data-group">
                            <p class="label">{{__('members.city_id')}}</p>
                            <p class="data">{{$cityName}}</p>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="data-group">
                            <p class="label">{{__('members.employer')}} <small>{{__('members.optional')}}</small></p>
                            <p class="data">{{$user->employer}}</p>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="data-group">
                            <p class="label">{{__('members.gender')}}</p>
                            <p class="data">{{__('members.'.$user->gender)}}</p>
                        </div>
                    </div>
                    <div class="col-md-12 mt-4">
                        <a href="{{route('user.profileForm')}}" class="submit-butn butn m-auto d-block col-md-3"><span><b> {{__('members.edit_data')}} </b></span></a>

                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection

@section('inner_js')

@endsection
