@php
$meta_title = 'Aurobees | Dashboard';
$meta_description = '';
$meta_keywords = '';
$add_class_header='show-nav';
$footer_sign_up_for_free_trial=true;
$active_page='customer-account-profile';
@endphp
@extends('frontend.user.includes.master')
@section('body')
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.13/js/intlTelInput-jquery.min.js"></script>
<div class="dashboard_bg">
    <section class="usr_dashboard_user">
        <div class="container">
            <div class="row">
                <div class="col-md-3"></div>
                <div class="col-md-9">
                    <div class="usr_dashboard_title">
                        <h1>ACCOUNT PROFILE</h1>
                        <div class="d-flex">
                            <div class="log_out_btn">
                                <a href="javascript:void(0);" onclick="$('#logout-form').submit();">Log Out</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-3">
                    @include('frontend.customer.includes.body.sidebar')
                </div>
                <div class="col-md-9">
                    <div class="scroll_screen">
                        <div class="dashboard_right">
                            <div class="dashboard_top_strip">
                                <div class="d-flex">
                                    <div class="status_pro">
                                        <form id="uploadForm">
                                            @csrf
                                            <input type="file" name="photo" id="photo" style="display: none"
                                                accept=".png, .jpg, .jpeg">
                                            <div class="user_profile_img">
                                                <img src="{{ (!empty(Auth::user()->profile_photo_path))? url(Auth::user()->profile_photo_path):url('img/dummy.png') }}"
                                                    id="photoImage" alt="User Image">
                                            </div>
                                            <div class="edit_remove_link">
                                                <a href="javascript:void(0);" onclick="uploadPhoto();">Update</a>
                                                @if(!empty(Auth::user()->profile_photo_path)) <a href="javascript:void(0);" onclick="removePhoto();">Remove</a>@endif
                                               
                                            </div>
                                        </form>
                                    </div>
                                    <div class="user_profile_content">
                                        <h4><a href="javascript:void(0);">{{Auth::user()->f_name.'
                                                '.Auth::user()->l_name}}</a></h4>
                                        <h5>{{Auth::user()->code}}</h5>
                                        <h6><a href="javascript:void(0);"><img
                                                    src="{{url('frontend/images/location-img.svg')}}" alt="img">
                                                {{Auth::user()->address}}</a></h6>
                                        <div class="border_description">
                                            <form id="edit_bio" name="update-bio">
                                                @csrf
                                                <textarea name="bio" class="form-control edit-bio"
                                                    id="textarea-edit-bio"></textarea>
                                                <a href="javascript:void(0);" class="update-bio-button"
                                                    onclick="updateBio();">Update</a>
                                                <a href="javascript:void(0);" class="edit-bio-button"
                                                    onclick="editBio();">Edit</a>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                                <div class="Profile__completion__status">
                                    <h2>Profile Completion Status</h2>
                                    <div class="progress">
                                        {{-- ------------------------------------------ --}}
                                        @php
                                        $profileStatus=25;
                                        if(!empty(Auth::user()->profile_photo_path)){$profileStatus+=10;}
                                        if(@$data->bio){$profileStatus+=10;}
                                        if(@$data->designation){$profileStatus+=10;}
                                        if(@$data->industry){$profileStatus+=5;}
                                        if(@$data->billing_city){$profileStatus+=20;}
                                        if(@$data->gst_number ||@$data->pan_number ||@$data->trn_number
                                        ||@$data->acra_number ||@$data->npwp_number
                                        ||@$data->company_registration_number){$profileStatus+=20;}
                                        @endphp
                                        <input type="hidden" id="default-value" class="progress-data" value="25">
                                        <input type="hidden" id="profile-photo-value" class="progress-data"
                                            value="