@extends('layouts.master') 
@section('content')
<style>
    
.main-overlay {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 90; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  background-color: rgba(0,0,0,0.0); /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
  /*padding-right: 30px;*/
}
.swal2-select{
    border: 2px solid !important;
}
</style>
<div class=" shipping-cart-heading frofile-h">
   
    <div class="container">
        <div class="row">
            

<div class="col-sm-4 col-xs-4 col-md-4 text-left h2"> <a class="" onclick="openNav()"><i class="fas fa-bars"></i></a>  </div>
<div class="col-sm-2 col-xs-2 col-md-2">  </div>
<div class="col-sm-6 col-xs-6 col-md-6 text-right">  
    <a  href="{{url('/home')}}" class="profile-logo text-center">
        <img src="{{url().'/img/rsz_logo2.png'}}" alt="" />
      
     </a>  
</div>



 <div class="h2">
 <div class="text-right"> </div>
 </div>
 <div class="h2 text-center"> <!-- Use any element to open the sidenav -->
{{-- <span onclick="openNav()">open</span></div> --}}

        </div>
    </div>
   
    {{-- <div class="title-underline center"><span></span></div> --}}
</div>
<div class="text-center shipping-cart-heading">

    {{--
    <div class="simple-article size-3 grey uppercase col-xs-b5">shopping Bag</div> --}}
    <div class="h2">Kik <span class="text-theme"> You</span></div>
    <div class="title-underline center"><span></span></div>
</div>
{{--
<div class="header-empty-space"></div> --}}
<section>
    <div class="container cover-container">
        <div class="cover-img-wrp">
            <div class="cover-image">
                <img src=" {{ URL::asset('/gallery/covers/'.$users->Cover_pic)}}" class="img-responsive cover-img">
                <div class="edit-cover">
                    <i class="fa fa-camera"></i> <br> Update Cover {{-- <input type="file"> --}}
                    <form id="cover_upload_form" role="form" enctype="multipart/form-data" method="GET">
                        {!! csrf_field() !!}
                        <input type="file" class="text-center form-control center-block cover-upload" name="coverpic" id="coverpic" accept="image/*">
                    </form>
                </div>
                <div class="profile-dp">
                    <img src=" {{ URL::asset('/gallery/userprofile/'.$users->Profile_pic)}}" class="img-responsive avatar">
                    <div class="edit-dp-wrp">
                        <div class="update-txt">
                            <i class="fa fa-camera"></i> <br>


                            <form id="upload_form" role="form" enctype="multipart/form-data" method="GET">
                             Update
                                <input type="file" name="profilepic" class="file-upload" accept="image/*" id="profilepic">

                            </form>

                        </div>
                    </div>
                </div>
                <div class="profile-name-wrp hidden-xs">
                    <h1 class="h3">{{$user->name}}</h1>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="visible-xs" >
    <div class="container">
        <div class="row">
            <div class="col-xs-12 xs-profile-name">
                <h4 class="h4 text-center">{{$user->name}}</h4>
            </div>
        </div>
    </div>
</section>
<section>
    <div class="container" id="call-section">
        <div class="row">
            <div class="col-md-3" >
<div class="h2 hidden-xs hidden-sm">
    <a onclick="openNav()"> <i class="fas fa-bars"></i> Menu</a></div>
<div class="main-overlay" id="main-overlay" >
<div id="mySidenav" class="sidenav">
    <a href="javascript:void(0)" class="closebtn" onclick="closeNav()" style="box-shadow:none;">&times;</a>
   <div class="text-center shipping-cart-heading slidermenu-heading">
    {{--
    <div class="simple-article size-3 grey uppercase col-xs-b5">shopping Bag</div> --}}
    <div class="h2">Kik <span class="text-theme"> You</span></div>
    <div class="title-underline center"><span></span></div>
</div>
                 <a onclick="myProfile()">
My Profile
     </a>
     <a   data-toggle="collapse" href="#images" role="button" aria-expanded="false" aria-controls="images">
                            My images
                        </a>

                         <div class="collapse" id="images">
       
<a onclick="profilePhotos()"  style="box-shadow: none;font-size: 16px;

                          padding-left: 50px;" >
                            Profile Photos
                        </a>
  <a onclick="coverPhotos()"   style="box-shadow: none;font-size: 16px;

                          padding-left: 50px;">
                            Cover Photos
                        </a>
 <a onclick="albums()"   style="box-shadow: none;font-size: 16px;

                          padding-left: 50px;">
                            My Albums
                        </a>
{{--                          <a onclick="credit()" >Credit Orders </a>--}}
{{-- <a onclick="fashion()">Kik Fashion</a> --}}
                          </div>
                          <a   data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
                            My Orders
                        </a>
                        <div class="collapse" id="collapseExample">
                          <a onclick="myOrder()" style="box-shadow: none;font-size: 16px;

                          padding-left: 50px;">Daily orders</a>
                          <a onclick="preorder()" style="box-shadow: none; font-size: 16px;

                          padding-left: 50px;">Pre-orders </a>
                          <a onclick="fashion()" style="box-shadow: none; font-size: 16px;

                          padding-left: 50px;">Kik Fashion </a>
{{--                          <a onclick="credit()" >Credit Orders </a>--}}
{{-- <a onclick="fashion()">Kik Fashion</a> --}}
                          </div>
                          {{-- <a onclick="preorder()">
                            My Pre-Orders
                        </a> --}}
                        <a onclick="myWallet()">
                            Kik Cash
                        </a>
    <a onclick="kikpay()">
                            Kik Pay
                        </a>
                          <a onclick="trackorder()">
                          Track Your Orders
                        </a>
     <a onclick="myReviews()">
                       My Reviews
                        </a>
                          <a onclick="myRefferal()">
                          Invite Friends
                        </a>   


                   <a onclick="complaints()">
                    Complaints
                        </a>

                                            @if ($credit_invoice>0)
                        {{-- @if ($credit_invoice+$credit_invoice_fashion->count>0) --}}
                             <a onclick="credit()" style="">
                    Pending Payments
                        </a>
                        @endif