@extends('layouts.frontlayout')
@section('content')
@php
    use App\Libraries\FileSystem;

    if(str_contains($user->image,'https://lh3.googleusercontent.com/'))
    {
      $profile_image = $user->image;
    }
    else
    {
      $profile_image = General::renderProfileImage(FileSystem::getAllSizeImages($user->image), 'large');
    }
@endphp
<section class="dashboard_section gz_profile_section">
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="dashboard_sec_area">
                    <div class="dashboard_inner_area">
                        <div class="left_sidebar match_height_col">
                            @include('user.partials.profile_sidebar')
                        </div>
                        <div class="right_sec_area match_height_col">
                            <div class="inner_right_area">
                                <div class="user_breadcame">
                                    <div class="inner_user_breadcame">
                                        <div class="arrow-steps">
                                            <div class="step current">
                                                <a style="color: #000;" href="{{route('homepage.index')}}" aria-label="Home Page">
                                                    <span>Home</span>
                                                </a>
                                            </div>
                                            <div class="step current">
                                                <a style="color: #000;" href="{{route('user.profile')}}" aria-label="My Profile">
                                                    <span>My Profile</span>
                                                </a>
                                            </div>
                                            <div class="step">
                                                <span>Edit Profile</span>
                                            </div>
                                        </div>
                                        <div class="back_to_shopping">
                                            <a href="{{route('products.index')}}" aria-label="Back to shopping" class="back_shop">Back to shopping</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="user_information my_profile_area edit_profile">
                                    <div class="user_details_area">
                                        <div class="profile_image_area profileUpdateImage">
                                            <div class="image_sec match_height_col">
                                                <div class="image">
                                                    <img class="profile-user-img" src="{{ $profile_image }}"  title="{{ isset($user->first_name) && $user->first_name ? $user->first_name : ''}}" alt="{{ isset($user->first_name) && $user->first_name ? $user->first_name : ''}}" fetchpriority="low" />
                                                </div>
                                                <div class="iconwrap">
                                                    <label for="profile_pic" class="icon_row">
                                                        <i class="far fa-edit"></i>
                                                    </label>
                                                    <input type="file" class="d-none" id="profile_pic" data-url="{{ route('user.updatePicture') }}" />
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form_area_box profile">
                                            <div class="response_message"></div>
                                            <form action="{{ route('user.editProfile') }}" method="post" id="editProfileUser" class="form-validation">
                                                <!--!! CSRF FIELD !!-->
                                                {{ @csrf_field() }}
                                                <div class="row">
                                                    <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                                        <div class="form-web">
                                                            <div class="form-floating">
                                                                <input type="text" class="form-control" name="first_name" placeholder="Full Name" value="{{old('first_name', isset($user->first_name) && $user->first_name ? $user->first_name : '')}}">
                                                                <label>Full Name</label>
                                                            </div>
                                                            <label id="first_name-error" class="error" for="first_name">@error('first_name') {{ $message }} @enderror</label>
                                                        </div>
                                                    </div>
                                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                                                        <div class="form-web">
                                                            <div class="form-floating">
                                                                <input class="form-control o-phone" type="hidden" name="phonenumber" value="">
                                                                <input type="tel" class="form-control number_only cont_input" minlength="8" maxlength="13" value="{{ old('phonenumber', isset($user->phonenumber) && $user->phonenumber ? $user->phonenumber : '') }}" id="phone-input" required />
                                                                <label>Contact Number</label>
                                                            </div>
                                                            <label id="phonenumber-error" class="error" for="phonenumber">@error('phonenumber') {{ $message }} @enderror</label>
                                                        </div>
                                                    </div>
                                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                                                        <div class="form-web">
                                                            <div class="form-floating">
                                                                <input type="email" class="form-control" name="email" placeholder="Email" value="{{old('email', isset($user->email) && $user->email ? $user->email : '')}}" />
                                                                <label>Email</label>
                                                            </div>
                                                            <label id="email-error" class="error" for="email">@error('email') {{ $message }} @enderror</label>
                                                        </div>
                                                    </div>
                                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                                                        <div class="form-web">
                                                            <div class="form-floating">
                                                                <input type="text" class="form-control" name="address" placeholder="Address" value="{{old('address', isset($user->address) && $user->address ? $user->address : '')}}" />
                                                                <label>Address</label>
                                                            </div>  
                                                            <label id="address-error" class="error" for="address">@error('address') {{ $message }} @enderror</label>
                                                        </div>
                                                    </div>
                                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                                                        <div class="form-web">
                                                            <div class="form-floating">
                                                                <input type="text" class="form-control" minlength="6" maxlength="10" name="zipcode" placeholder="Zip Code" value="{{old('zipcode', isset($user->zipcode) && $user->zipcode ? $user->zipcode : '')}}" />
                                                                <label>Zip Code</label>
                                                            </div> 
                                                            <label id="zipcode-error" class="error" for="zipcode">@error('zipcode') {{ $message }} @enderror</label> 
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="button_row">
                                                    <button type="submit" id="rj_edit_profile_s" aria-label="Save Changes" class="btn-primary btn-edit">Save Changes</button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection