@php
use App\Models\Admin\Settings;
use App\Models\User\UserAuth;
use App\Libraries\General;
use App\Libraries\FileSystem;
$user = UserAuth::getLoginUser();
if(str_contains($user->image,'https://lh3.googleusercontent.com/'))
{
  $profile_image = $user->image;
}
else
{
  $profile_image = General::renderProfileImage(FileSystem::getAllSizeImages($user->image), 'large');
}
@endphp

@extends('layouts.frontlayout')
@section('content')

<!-- ==== Profile Section Start === -->
<section class="dashboard_section top-space">
    <div class="dashboard_inner">
        <div class="container">
            <div class="row">
                <div class="col-xxl-12 col-xl-12 col-md-12 col-sm-12 col-12">
                    @include('frontend.dashboard.dashboard_sidebar')
                    <div class="right_side_wrap">
                        <div class="setting">
                            <div class="container-fluid p-0">
                                <div class="row">
                                    <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                        <div class="breadcame">
                                            <div class="breadcame_area">
                                                <h2>Welcome <span>back </span>!</h2>
                                            </div>
                                            <div class="image">
                                                <img src="{{url('frontend/images/bg_6.png')}}" alt="..." />
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                        <div class="profile_detail">
                                            @include('frontend.partials.flash_messages')
                                            <form method="post" action="{{route('account.dashboard')}}" id="edit_profile">
                                                {{ 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="title">
                                                            <h6>
                                                                Personal Info
                                                            </h6>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="parent padding">
                                                    <div class="row align-items-center">
                                                        <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-4 col-12">
                                                            <div class="sub_title">
                                                                <h5>Profile Picture</h5>
                                                                <p>This will be displayed on your profile
                                                                <p>
                                                            </div>
                                                        </div>
                                                        <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-3 col-sm-3 col-5">
                                                            <div class="image">
                                                                <img class="profile-user-img" src="{{ isset($profile_image) &&  $profile_image ? $profile_image : 'http://localhost/laravel/mac-cloud/public/assets/img/noprofile.png' }}" alt="..." />
                                                                <div class="iconwrap">
                                                                    <ul>
                                                                        <li>
                                                                            <a href="javascript:;" >
                                                                            <input type="file" class="d-none" id="profile_pic" data-url="{{ route('user.updatePicture') }}" />
                                                                            <label for="profile_pic" class="icon_row p_image">
                                                                                <i class="far fa-pen me-1"></i>
                                                                                <input type="file" class="d-none" id="profile_pic" data-url="{{ route('user.updatePicture') }}" />
                                                                            </label>
                                                                            </a>
                                                                        </li>
                                                                        <li id="del_option" {{ str_contains($user->image,'https://lh3.googleusercontent.com/') || str_contains($profile_image,'noprofile.png') ? 'class=d-none' : '' }}>
                                                                            <a href="javascript:;" id="remove_pic" data-relation="users.image" data-id="{{$user->id}}" data-path="{{ $user->image }}">
                                                                            <label for="remove_pic" class="icon_row p_image">
                                                                                <i class="fal fa-times"></i>
                                                                            </label>
                                                                            </a>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="parent">
                                                    <div class="row align-items-center">
                                                        <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-4 col-12">
                                                            <div class="label_area">
                                                                <p>Name</p>
                                                            </div>
                                                        </div>
                                                        <div class="col-xxl-6 col-xl-6 col-lg-8 col-md-8 col-sm-8 col-12">
                                                            <div class="row">
                                                                <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                                                                    <div class="form-group">
                                                                        <input type="text" name="first_name" class="form-control" value="{{isset($user->first_name) && $user->first_name ? $user->first_name : ""}}" id="" placeholder="Enter first name">
                                                                    </div>
                                                                </div>
                                                                <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                                                                    <div class="form-group">
                                                                        <input type="text" name="last_name" class="form-control" value="{{isset($user->last_name) && $user->last_name ? $user->last_name : ""}}" id="" placeholder="Enter last name">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="parent">
                                                    <div class="row align-items-center">
                                                        <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-4 col-12">
                                                            <div class="label_area">
                                                                <p>Phone number</p>
                                                            </div>
                                                        </div>
                                                        <div class="col-xxl-6 col-xl-6 col-lg-8 col-md-8 col-sm-8 col-12">
                                                            <div class="row">
                                                                <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                                                                    <div class="form-group">
                                                                        <input type="text" name="phonenumber" class="form-control" value="{{isset($user->phonenumber) && $user->phonenumber ? $user->phonenumber : ""}}" id="" placeholder="Enter phone number">
                                                                    </div>
                                                                </div>
                                                                <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="parent border-remove">
                                                    <div class="row align-items-center">
                                                        <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-4 col-12">
                                                            <div class="label_area">
                                                                <p>Email address</p>
                                                            </div>
                                                        </div>
                                                        <div class="col-xxl-6 col-xl-6 col-lg-8 col-md-8 col-sm-8 col-12">
                                                            <div class="form-group">
                                                                <input type="email" name="email" class="form-control" value="{{isset($user->email) && $user->email ? $user->email : ""}}" id="" placeholder="Enter email address">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row ">
                                                    <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-4 col-12">
                                                    </div>
                                                    <div class="col-xxl-6 col-xl-6 col-lg-8 col-md-8 col-sm-8 col-12">
                                                        <div class="save_button">
                                                            <button type="submit" class="btn btn-primary">Save changes</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>
                                            <form method="post" action="{{ isset($user->password_created) && $user->password_created ? route('user.changePassword') : route('user.savePassword') }}" id="change_password">
                                                {{ 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="title space">
                                                            <h6>
                                                                Change password
                                                            </h6>
                                                        </div>
                                                    </div>
                                                </div>
                                                @if(isset($user->password_created) && $user->password_created == 1)
                                                    <div class="parent">
                                                        <div class="row align-items-center">
                                                                <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-4 col-12">
                                                                    <div class="label_area">
                                                                        <p>Enter your old password</p>
                                                                    </div>
                                                                </div>
                                                            <div class="col-xxl-6 col-xl-6 col-lg-8 col-md-8 col-sm-8 col-12">
                                                                <div class="row">
                                                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                                                                        <div class="form-group">
                                                                            <input type="password" name="old_password" class="form-control" value="" id="old_password" placeholder="Old password" />
                                                                            <label id="old_password-error" class="error" for="old_password">@error('old_password') {{ $message }} @enderror</label>
                                                                            <div class="eye_icon">
                                                                                <span toggle="#password-field" class="fa fa-fw fa-eye field_icon toggle-old_password"></span>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endif
                                                <div class="parent border-remove">
                                                    <div class="row align-items-center">
                                                        <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-4 col-12">
                                                            <div class="label_area">
                                                                <p>Set new password</p>
                                                            </div>
                                                        </div>
                                                        <div class="col-xxl-6 col-xl-6 col-lg-8 col-md-8 col-sm-8 col-12">
                                                            <div class="row">
                                                                <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                                                                    <div class="form-group">
                                                                        <input type="password" name="new_password" class="form-control" value="" id="new_password" placeholder="New password" />
                                                                        <label id="new_password-error" class="error" for="new_password">@error('new_password') {{ $message }} @enderror</label>
                                                                        <div class="eye_icon">
                                                                            <span toggle="#password-field" class="fa fa-fw fa-eye field_icon toggle-new_password"></span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                                                                    <div class="form-group">
                                                                        <input type="password" name="confirm_password" class="form-control" value="" id="confirm_password1" placeholder="Confirm password" />
                                                                        <label id="confirm_password-error" class="error" for="confirm_password1">@error('confirm_password') {{ $message }} @enderror</label>
                                                                        <div class="eye_icon">
                                                                            <span toggle="#password-field" class="fa fa-fw fa-eye field_icon toggle-confirm_password1"></span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row ">
                                                    <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-4 col-12">
                                                    </div>
                                                    <div class="col-xxl-6 col-xl-6 col-lg-8 col-md-8 col-sm-8 col-12">
                                                        <div class="save_button">
                                                            <button type="submit" class="btn btn-primary">{{ isset($user->password_created) && $user->password_created ? 'Save changes' : 'Create password' }}</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>    
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    </div>
</section>
<!-- ==== profile Section End === -->

@endsection