@extends($activeTemplate . 'layouts.master')
@section('content')

@include($activeTemplate.'components.dashboard_menu')

    <section class="dashboard-section pt-60">
        <div class="dashboard">
            <div class="container">
                <!-- user info -->
                <div class="user-info">
                    <div class="row gy-4">
                        <div class="col-lg-4 border-end">

                            <div class="dashboard_profile_wrap">
                                <div class="profile_photo mb-2">
                                    <div class="profile_photo">
                                        <img src="{{ getImage(getFilePath('userProfile') . '/' . $user->image, getFileSize('userProfile')) }}"
                                            alt="agent">
                                        <div class="photo_upload">
                                            <form action="{{ route('user.profile.update') }}" method="POST"
                                                enctype="multipart/form-data">
                                                @csrf
                                                <label for="image"><i class="fas fa-image"></i></label>
                                                <input id="image" type="file" name="image" class="upload_file"
                                                    onchange="this.form.submit()">
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="contact-info">
                                <h6 class="dash-title">@lang('Personal Information')</h6>
                                <div class="info-wrap">
                                    <div class="info">
                                        <i class="fas fa-envelope"></i>
                                        <p>@lang('Email Address')</p>
                                    </div>
                                    <p>{{ __($user->email) }}</p>
                                </div>
                            </div>
                            <div class="contact-info">
                                <div class="info-wrap">
                                    <div class="info">
                                        <i class="fas fa-phone"></i>
                                        <p>@lang('Mobile Number')</p>
                                    </div>
                                    <p>{{ __(@$user->mobile) }}</p>
                                </div>
                            </div>
                            <div class="contact-info">
                                <div class="info-wrap">
                                    <div class="info">
                                        <i class="fas fa-map-marker"></i>
                                        <p>@lang('Address')</p>
                                    </div>
                                    <p>{{ __(@$user->address->address) }},{{ __(@$user->address->state) }},
                                        {{ __(@$user->address->zip) }} </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-8">
                            <div class="profile-update">
                                <h6 class="dash-title">@lang('Update profile')</h6>
                                <div class="user-profile">
                                    <form class="register" action="{{ route('user.profile.update') }}" method="post"
                                        enctype="multipart/form-data">
                                        @csrf
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="form-grp mb-4">
                                                    <label class="lable mb-2">@lang('First Name')</label>
                                                    <input type="text" class="form-control form--control"
                                                        name="firstname" value="{{ $user->firstname }}" required>
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form-grp mb-4">
                                                    <label class="lable mb-2">@lang('Last Name')</label>
                                                    <input type="text" class="form-control form--control" name="lastname"
                                                        value="{{ $user->lastname }}" required>
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form-grp mb-4">
                                                    <label class="lable mb-2">@lang('E-mail Address')</label>
                                                    <input class="form-control form--control" value="{{ $user->email }}"
                                                        readonly>
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form-grp mb-4">
                                                    <label class="lable mb-2">@lang('Mobile Number')</label>
                                                    <input class="form-control form--control" value="{{ $user->mobile }}"
                                                        readonly>
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form-grp mb-4">
                                                    <label class="lable mb-2">@lang('Address')</label>
                                                    <input type="text" class="form-control form--control" name="address"
                                                        value="{{ @$user->address->address }}">
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form-grp mb-4">
                                                    <label class="lable mb-2">@lang('State')</label>
                                                    <input type="text" class="form-control form--control" name="state"
                                                        value="{{ @$user->address->state }}">
                                                </div>
                                            </div>
                                        </div>


                                        <div class="row mb-2">
                                            <div class="col-sm-4">
                                                <div class="form-grp">
                                                    <label class="lable mb-2">@lang('Zip Code')</label>
                                                    <input type="text" class="form-control form--control" name="zip"
                                                        value="{{ @$user->address->zip }}">
                                                </div>
                                            </div>
                                            <div class="col-sm-4">
                                                <div class="form-grp ">
                                                    <label class="form-label">@lang('City')</label>
                                                    <input type="text" class="form-control form--control" name="city"
                                                        value="{{ @$user->address->city }}">
                                                </div>
                                            </div>

                                            <div class="col-sm-4">
                                                <div class="form-grp">
                                                    <label class="form-label">@lang('Country')</label>
                                                    <input class="form-control form--control"
                                                        value="{{ @$user->address->country }}" disabled>
                                                </div>
                                            </div>

                                        </div>

                                        <div class="col-sm-12 mt-4">
                                            <div class="form-grp">
                                                <button type="submit"
                                                    class="btn btn--base w-100">@lang('Submit')</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </section>
@endsection


<!--// <script>-->
<!--//          window.addEventListener("contextmenu", function (e) {-->
<!--//         e.preventDefault();-->
<!--//     });-->
<!--//  document.onkeydown = function (e) {-->
<!--//     if (e.keyCode == 123) {-->
<!--//         return false;-->
<!--//     }-->
<!--//     if (e.ctrlKey && e.shiftKey && e.keyCode == 'I'.charCodeAt(0)) {-->
<!--//         return false;-->
<!--//     }-->
<!--//     if (e.ctrlKey && e.shiftKey && e.keyCode == 'C'.charCodeAt(0)) {-->
<!--//         return false;-->
<!--//     }-->
<!--//     if (e.ctrlKey && e.shiftKey && e.keyCode == 'J'.charCodeAt(0)) {-->
<!--//         return false;-->
<!--//     }-->
<!--//     if (e.ctrlKey && e.keyCode == 'U'.charCodeAt(0)) {-->
<!--//         return false;-->
<!--//     }-->
<!--// }-->
        
<!--//     </script>-->