@extends('user.layout')
@section('title')
    <title>{{ $user->name }}</title>
@endsection

@section('user-dashboard')
    <div class="wsus__dashboard_main_content">
        <div class="wsus__my_profile">
            <h4 class="heading">{{ __('My Profile') }}</h4>
            <div class="wsus__dash_info">
                <div class="row">
                    <div class="col-xxl-3 col-sm-6 col-lg-4">
                        <div class="wsus__dash_info_img">
                            <img src="{{ $user->image ? asset($user->image) : url($setting->default_avatar) }}"
                                alt="my images" class="img-fluid w-100" loading="lazy">
                        </div>
                    </div>
                    <div class="col-xxl-9 col-sm-6 col-lg-8">
                        <div class="wsus__dash_info_text">
                            <h3>{{ $user->name }}</h3>

                            @if ($user->phone)
                                <a href="callto:{{ $user->phone }}"><i class="fas fa-phone-alt"></i>
                                    {{ $user->phone }}</a>
                            @endif

                            @if ($user->email)
                                <a href="mailto:{{ $user->email }}"><i class="fas fa-envelope-open"></i>
                                    {{ $user->email }}</a>
                            @endif

                            @if ($user->website)
                                <p><i class="fas fa-globe"></i> {{ $user->website }}</p>
                            @endif

                            @if ($user->address)
                                <p><i class="fas fa-location-circle"></i> {{ $user->address }}</p>
                            @endif
                        </div>
                    </div>
                </div>
            </div>

            <div class="wsus__dash_info wsus__my_profile_text p_25 mt_25">
                <form action="{{ route('user.update.profile') }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    <div class="row">
                        <div class="col-lg-4 col-md-6">
                            <label for="#">{{ __('Name') }}</label>
                            <input type="text" placeholder="{{ __('Name') }}" value="{{ $user->name }}" name="name">
                        </div>
                        <div class="col-lg-4 col-md-6">
                            <label for="#">{{ __('Email') }}</label>
                            <input type="email" placeholder="{{ __('Email') }}" name="email"
                                value="{{ $user->email }}" readonly>
                        </div>
                        <div class="col-lg-4 col-md-6">
                            <label for="#">{{ __('Phone') }}</label>
                            <input type="text" placeholder="{{ __('Phone') }}" name="phone"
                                value="{{ $user->phone }}">
                        </div>
                        <div class="col-lg-4 col-md-6">
                            <label for="#">{{ __('Website') }}</label>
                            <input type="text" placeholder="{{ __('Website') }}" name="website"
                                value="{{ $user->website }}">
                        </div>
                        <div class="col-lg-4 col-md-6">
                            <label for="#">{{ __('Location') }} <span class="text-danger">*</span></label>
                            <select name="city_id" id="" class="select_2">
                                <option value="">{{ __('Select City') }}</option>
                                @foreach ($cities as $city)
                                    <option {{ $city->id == $user->city_id ? 'selected' : '' }}
                                        value="{{ $city->id }}">{{ $city->title }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-lg-4 col-md-6">
                            <label for="#">{{ __('Image') }}</label>
                            <input class="file" type="file" name="image">
                        </div>
                        <div class="col-lg-12">
                            <label for="#">{{ __('Address') }}</label>
                            <textarea rows="4" placeholder="{{ __('Address') }}" name="address">{{ $user->address }}</textarea>
                        </div>
                        <div class="col-xl-6 col-md-6">
                            <label for="#">{{ __('Icon') }}</label>
                            <input type="text" placeholder="{{ __('Icon One') }}" class="custom-icon-picker" name="icon_one" value="{{ $user->icon_one }}" autocomplete="off">
                        </div>
                        <div class="col-xl-6 col-md-6">
                            <label for="#">{{ __('Link') }}</label>
                            <input type="text" placeholder="{{ __('Link One') }}" name="link_one"
                                value="{{ $user->link_one }}">
                        </div>
                        <div class="col-xl-6 col-md-6">
                            <label for="#">{{ __('Icon') }}</label>
                            <input type="text" placeholder="{{ __('Icon Two') }}" class="custom-icon-picker" name="icon_two" value="{{ $user->icon_two }}" autocomplete="off">
                        </div>
                        <div class="col-xl-6 col-md-6">
                            <label for="#">{{ __('Link') }}</label>
                            <input type="text" placeholder="{{ __('Link Two') }}" name="link_two"
                                value="{{ $user->link_two }}">
                        </div>
                        <div class="col-xl-6 col-md-6">
                            <label for="#">{{ __('Icon') }}</label>
                            <input type="text" placeholder="{{ __('Icon three') }}" class="custom-icon-picker" name="icon_three" value="{{ $user->icon_three }}" autocomplete="off">
                        </div>
                        <div class="col-xl-6 col-md-6">
                            <label for="#">{{ __('Link') }}</label>
                            <input type="text" placeholder="{{ __('Icon three') }}" name="link_three"
                                value="{{ $user->link_three }}">
                        </div>
                        <div class="col-xl-6 col-md-6">
                            <label for="#">{{ __('Icon') }}</label>
                            <input type="text" placeholder="{{ __('Icon Four') }}" class="custom-icon-picker" name="icon_four" value="{{ $user->icon_four }}" autocomplete="off">
                        </div>
                        <div class="col-xl-6 col-md-6">
                            <label for="#">{{ __('Link') }}</label>
                            <input type="text" placeholder="{{ __('Link Four') }}" name="link_four" value="{{ $user->link_four }}">
                        </div>
                        <div class="col-12">
                            <label for="#">{{ __('About Us') }}</label>
                            <textarea class="form-control summer_note" name="about" rows="4" placeholder="{{ __('About') }}">{{ $user->about }}</textarea>
                        </div>
                        <div class="col-12">
                            <button type="submit" class="common_btn">{{ __('Update') }}</button>
                        </div>
                    </div>
                </form>
            </div>
            <div class="row">
                <div class="col-xl-12">
                    <div class="wsus__dash_info p_25 mt_25">
                        <form action="{{ route('user.update-password') }}" method="POST"
                            class="wsus__dash_change_pass">
                            @csrf
                            <div class="row">
                                <div class="col-lg-4 col-md-6">
                                    <label class="my-1" for="">{{ __('Old Password') }}</label>
                                    <input type="password" name="current_password">
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <label class="my-1" for="">{{ __('New Password') }}</label>
                                    <input type="password" name="password">
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <label class="my-1" for="">{{ __('Confirm Password') }}</label>
                                    <input type="password" name="password_confirmation">
                                </div>
                                <div class="col-12">
                                    <button type="submit" class="common_btn">{{ __('Change Password') }}</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection