<section class="header">

  <input type="hidden" id="status1" value="0">
  <input type="hidden" id="status2" value="0">
  <div><i class="fi-rs-user usericon dummy1" id="openusermodel"></i></div>


  <div class="card myusermodle" id="myusermodle" style="display:none">
    <div class="card-body">

      <div class="row text-center">
        <div class="col-sm-12" style="padding: 20px 0;">
          <div class="avatar-upload avatar-upload1">

            <div class="avatar-edit">
              <input type='file' id="imageUpload" accept=".png, .jpg, .jpeg" />
              <!-- <label for="imageUpload"></label> -->
            </div>

            <div class="avatar-preview customheight">
              @if($user->image=="")
              <div id="imagePreview" style="background-image: url(/assets/uploads/user-profile.png);">
                @else
                <div id="imagePreview" style="background-image: url(/assets/uploads/{{$user->image}});">
                  @endif
                </div>
              </div>
            </div>
            <!-- <img src="/mujeeeb.jpg" class="rounded-circle userimage " alt="UserImage"  > -->
          </div>
        </div>
        <div class="row text-center">
          <div class="col-12">
            <h3 style="color: #3E396A; font-size: 24px">{{$user->name}}</h3>
          </div>
        </div>
        <div class="row text-center">
          <div class="col-12">
            <small>{{$user->email}}</small>
          </div>
        </div>
        <!--<div class="row text-center">-->
        <!--  <div class="col-12">-->
        <!--    <button class="btn btn-sm btn-outline-dark rounded btn1">Manage iFlex ID</button>-->
        <!--  </div>-->
        <!--</div>-->

        <div class="row text-center">
          <div class="col-12">
            <button class="btn btn-sm btn-outline-dark rounded rounded-3 customModelBtn">Pay/Collect QR Code</button>
          </div>
        </div>

        <div class="row text-center">
          <div class="col-12">
            <button class="btn btn-sm btn-outline-dark rounded rounded-3 customModelBtn">My iFlex QR Code</button>
          </div>
        </div>

        <div class="row text-center">
          <div class="col-12">
            <button onclick="window.location.href='/changepassword'"
              class="btn btn-sm btn-outline-dark rounded rounded-3 customModelBtn">Change Password</button>
          </div>
        </div>

        <div class="row text-center">
          <div class="col-12">
            <button onclick="window.location.href='/editprofile'"
              class="btn btn-sm btn-outline-dark rounded rounded-3 customModelBtn">Edit Profile</button>
          </div>
        </div>







        <div class="row text-center">
          <div class="col-12">
            <button class="btn btn-sm btn-outline-dark rounded rounded-3 customModelBtn">Payment Settings</button>
          </div>
        </div>

        <div class="row text-center">
          <div class="col-12">
            <a href="/logout">
              <button class="btn btn-sm btn-outline-dark rounded rounded-3 customModelBtn">LogOut</button>
            </a>
          </div>
        </div>



      </div>
    </div>








    <div class="logo" onclick="window.location.href='/dashboard'" style="cursor: pointer;">
      <img src="./assets/img/iflexlogo.svg" alt="image">
    </div>

    <div class="icons">



      <!--<div class="dummy">-->
      <!--  <div style="position: relative;">-->

      <!--    <svg class="gb_We" id="openmodle" focusable="false" viewBox="0 0 24 24">-->
      <!--      <path-->
      <!--        d="M6,8c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2zM12,20c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2zM6,20c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2zM6,14c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2zM12,14c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2zM16,6c0,1.1 0.9,2 2,2s2,-0.9 2,-2 -0.9,-2 -2,-2 -2,0.9 -2,2zM12,8c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2zM18,14c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2zM18,20c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2z">-->
      <!--      </path>-->
      <!--    </svg>-->
      <!--  </div>-->
      <!--</div>-->




      <div class="card apps" id="mymodle" style="display:none">
        <div class="card-body">

          <div class="row text-center">

            <div class="col-4">
              <div class="modleicons">1</div>
            </div>
            <div class="col-4">
              <div class="modleicons">1</div>
            </div>
            <div class="col-4">
              <div class="modleicons">1</div>
            </div>
          </div>

          <div class="row text-center">

            <div class="col-4">
              <div class="modleicons">1</div>
            </div>
            <div class="col-4">
              <div class="modleicons">2</div>
            </div>
            <div class="col-4">
              <div class="modleicons">3</div>
            </div>
          </div>

          <div class="row text-center">

            <div class="col-4">
              <div class="modleicons">4</div>
            </div>
            <div class="col-4">
              <div class="modleicons">5</div>
            </div>
            <div class="col-4">
              <div class="modleicons">6</div>
            </div>
          </div>
          <div class="row text-center">

            <div class="col-4">
              <div class="modleicons">7</div>
            </div>
            <div class="col-4">
              <div class="modleicons">8</div>
            </div>
            <div class="col-4">
              <div class="modleicons">9</div>
            </div>
          </div>


        </div>
      </div>






    </div>


</section>