@include('user.inc.fetch')
@extends('layouts.atlantis.layout')
@Section('content')
        <div class="main-panel">
            <div class="content">
                @php($breadcome = 'My Profile')
                @include('user.atlantis.main_bar')
                <div class="page-inner mt--5">
                    @include('user.atlantis.overview')
                    <div id="prnt"></div>
                    <div class="row">
                       <div class="col-sm-12 card">
                        
                          <ul class="nav nav-tabs mt-5" id="myTab" role="tablist">
                            <li class="nav-item">
                              <a class="nav-link active" id="profile-tab" data-toggle="pill" href="#profile" role="tab" aria-controls="profile" aria-selected="true">Profile</a>
                            </li>
                            <li class="nav-item">
                              <a class="nav-link" id="bank-tab" data-toggle="pill" href="#bank" role="tab" aria-controls="bank" aria-selected="false">Banks</a>
                            </li>
                            <li class="nav-item">
                              <a class="nav-link" id="wallet-tab" data-toggle="pill" href="#wallet" role="tab" aria-controls="wallet" aria-selected="false">Wallets</a>
                            </li>
                            <li class="nav-item">
                              <a class="nav-link" id="kyc-tab" data-toggle="pill" href="#kyc" role="tab" aria-controls="kyc" aria-selected="false">KYC</a>
                            </li>
                            <li class="nav-item">
                              <a class="nav-link" id="sec-tab" data-toggle="pill" href="#sec" role="tab" aria-controls="sec" aria-selected="false">Security</a>
                            </li>
                                                        
                          </ul>

                          <div class="tab-content" id="pills-tabContent">

                            <!-- profile panel -->

                            <div class="p-5 tab-pane fade show active" id="profile" role="tabpanel" >
                              <div class=" row form-group">                                            
                                                                                                                             
                                <div class="col-md-4">
                                  <div class="card">
                                      <div class="card-header">
                                          <div class="card-head-row">
                                              <div class="card-title text-center">{{ __('Avatar') }}</div>
                                              <div class="card-tools">                                            
                                              </div>
                                          </div>
                                      </div>
                                      <div class="card-body">
                                          <div class="chart-container">
                                              <div class="comment-phara">
                                                  <div class="comment-adminpr" align="center">
                                                      <a id="selectPic" href="javascript:void(0)"  >
                                                          @if($user->img == "")
                                                              <img class="avatar_img" src="/img/any.png">
                                                          @else
                                                              <img class="avatar_img" src="/img/profile/{{ $user->img }}">
                                                          @endif
                                                      </a> 

                                                      <form id="form_profilepic" action="/user/upload/profile_pic" method="post" enctype="multipart/form-data">
                                                          <input type="hidden" name="_token" value="{{csrf_token()}}">
                                                          <input type="file" name="prPic" id="prPic" class="display_not">
                                                      </form>
                                                  </div>
                                                  <br>
                                                  
                                              </div>
                                              <div class="admin-comment-month" align="left" style="font-size: 16px;">
                                                  
                                                  <div align="center"><b> {{ucfirst($user->firstname).' '.ucfirst($user->lastname)}} </b></div>
                                                  <hr>