@extends('dashboard-layout.master')
@section('content')
 <div class="customecontainer">


    <div class="backcover"></div>
    <div class="container-fluid smallpadding" >

      <div class="userlowercontainer" >
        <div class="row">

          <div class="col-sm-12 col-md-3 col-lg-2 d-flex flex-column align-items-center justify-content-center">
              
              <div class="row">

            <div class="col-sm-12 d-flex flex-column align-items-center">
              <div class="avatar-upload" style="max-width: 155px !important;">
                
                <div class="avatar-preview" style="height: 130px;width: 130px;">
                @if($user->image=="")
                  <div id="imagePreview" 
                  style="background-image: url(/assets/uploads/user-profile.png);">
                  </div>
                @else
                <div id="imagePreview" 
                  style="background-image: url(/assets/uploads/{{$user->image}});">
                  </div>
                @endif
                </div>
              </div>
            
              </div>
            </div>
          </div>



          <div class="col-sm-12 col-md-8 col-lg-9 userinfosection" ;>
            <div class="row text-left">


              <div class="col-md-4">
                <div class="row">

                  <div class="col-md-12 ">
                    <p class="gmorning">Welcome Back, <span
                        style="color: #3E396A; font-weight: 500 !important;"></span>
                    </p>
                  </div>
                  <div class="col-md-12">


                    <div class="mt-1">
                      <div class="d-flex" style="margin-top: -2px;">

                        <i class=" fundIcon  fas fa-user" style="padding-left: 0 !important;"></i>
                        <h5 class="accountonfo">iFlex ID : <span style="color:#3E396A;">{{$user->iflex_ID}}</span></h5>
                      </div>
                    </div>

                    <div class="mt-1">
                      <div class="d-flex" style="margin-top: -2px;">
                        <i class="fundIcon fas fa-qrcode" style="padding-left: 0 !important;margin-top: 4px;"></i>
                        <h5> <a class="accountonfo" style="padding-top: -10px;" href="">My QR Code</a></h5>
                     </div>
                    </div>

                  </div>
                </div>


              </div>



             
              <div class="col-md-8">

                <div class="row">

                  <div class="col-md-12 d-flex" style="padding-top: 6px;">

                    <p>
                      <a class="walletLink" style="text-decoration: none;" href="">iFlexWallet Balance: &nbsp; </a>
                    </p>

                    <p class="walletLink1 mb-0">&nbsp;<span style="color: #3E396A; font-weight: 500 !important;">
                        0.00                        USD</span>
                    </p>
                  </div>


                  <div class="col-md-12">

                    <div class="row">



                      <div class="col-md-7 pb-2 ">

                        <div class="mt-1">
                          <div class="d-flex flex-column" style="margin-top: -2px;">


                            <div> <i class="fundIcon fas fa-minus-circle ps-0" style="padding-left: 0 !important;"></i>


                              <a class="fundsTags" target="_blank" href="https://money.iflexapps.com/withdraw-money.php">Withdraw
                                Fund</a></div>

                            <div class="mt-1  ">

                              <i class="fundIcon fas fa-plus-circle " style="padding-left: 0 !important;"></i>

                              <a class="fundsTags" target="_blank" href="https://money.iflexapps.com/purchase-balance.php"> Add Fund</a>
                            </div>




                          </div>
                        </div>
                      </div>


                    </div>

                  </div>





                </div>

              </div>



            </div>


          </div>






          <!--<div class="col-sm-12 col-md-6 col-lg-3 userinfosection" ;>-->
          <!--  <p class="gmorning">Welcome Back, <span style="color: #3E396A; font-weight: 500 !important;"></span></p>-->
          <!--  <p class="balance">iFlexMoney Balance : <Span>{{$balance}} USD</Span></p>-->
            
            
          <!--   <p class="balance mb-0">iFlexCash Balance : <Span>XXX USD</Span></p>-->
            <!-- <p style="color:#969696">shamimujeeb623@gmail.com</p> -->

 
           
          <!--  <div>-->
          <!--    <h5 class="accountonfo">iFlex ID : <span style="color:#3E396A;">{{$user->iflex_ID}}</span></h5>              -->
          <!--  </div>-->
          <!--</div>-->



          
          
 
          
          
          
          <div class="col-md-1  rightsection">

            <div><i class="fi-rs-interrogation righticon"
                ></i>
            </div>

  
            <div>
              <i class="fi-rs-bell righticon"
              ></i> 
              @if($notifications!=0)
              <span class="badge notification-badge">{{$notifications}}</span>
              @endif
            </div>
  

          </div>

        </div>
      </div>


      <div class="row" style="margin-top:20px">


<div class="col-md-12 mt-2 mb-2 d-flex justify-content-center">
    <h3><span>Top app Services</span>   </h3>
</div>

        <div class=" col-xs-12 col-sm-6 col-md-4 col-lg-3">

          <div class="card CustomCard">
            <div class="Icon"><a href="https://money.iflexapps.com/" target="_blank" class="InnerIcon"><img src="assets/images/iflexmoney_logo.svg"></a></div>
            <div class="card-body text-center">
              <h5 class="card-title Heading5">iFlexMoney</h5>
              <p class="card-text MyText">Send money wroldwide with minimum fees </p>
              <button class="Card_Button" onclick="window.open('https://money.iflexapps.com/', '_blank');">VISIT<i class="fas fa-chevron-right cardbutton"></i></button>
            </div>
          </div>



        </div>
        
        <div class=" col-xs-12 col-sm-6 col-md-4 col-lg-3">


          <div class="card CustomCard">
            <div class="Icon"><a href="https://www.topup.iflexapps.com/" target="_blank" class="InnerIcon"><img src="assets/images/iflexmoney_logo.svg"></a></div>
            <div class="card-body text-center">
              <h5 class="card-title Heading5">iFlexTopup</h5>
              <p class="card-text MyText">Easily toupup phone from around the world.</p>
              <button class="Card_Button" onclick="window.open('https://www.topup.iflexapps.com/', '_blank');">VISIT<i class="fas fa-chevron-right cardbutton"
                  ></i></button>
            </div>
          </div>

        </div>
        
        
        
         <div class=" col-xs-12 col-sm-6 col-md-4 col-lg-3">


          <div class="card CustomCard">
            <div class="Icon"><a href="https://www.iflexafrica.com/" target="_blank" class="InnerIcon"><img src="assets/images/iflexmoney_logo.svg"></a></div>
            <div class="card-body text-center">
              <h5 class="card-title Heading5">iFlexAfrica</h5>
              <p class="card-text MyText">Send Quick Money to Africa in just 4 Steps.</p>
              <button class="Card_Button" onclick="window.open('https://www.iflexafrica.com/', '_blank');" >VISIT<i class="fas fa-chevron-right cardbutton"
                  ></i></button>
            </div>
          </div>

        </div>







            <div class=" col-xs-12 col-sm-6 col-md-4 col-lg-3">


          <div class="card CustomCard">
            <div class="Icon"><a href="http://iflexcargo.com/login" target="_blank" class="InnerIcon"><img src="assets/images/iflexmoney_logo.svg"></a></div>
            <div class="card-body text-center">
              <h5 class="card-title Heading5">iFlexCargo</h5>
              <p class="card-text MyText">Easy access to World Wide Shipments.</p>
              <button class="Card_Button" onclick="window.open('http://iflexcargo.com/login', '_blank');" >VISIT<i class="fas fa-chevron-right cardbutton"
                  ></i></button>
            </div>
          </div>

        </div>
        
        
        
        
        
        
        
         <div class=" col-xs-12 col-sm-6 col-md-4 col-lg-3">


          <div class="card CustomCard">
            <div class="Icon"><a href="#" target="_blank" class="InnerIcon"><img src="assets/images/iflexmoney_logo.svg"></a></div>
            <div class="card-body text-center">
              <h5 class="card-title Heading5">iFlexShop</h5>
              <p class="card-text MyText">Electronics and Hardware store.</p>
              <button class="Card_Button" >Coming Soon</button>
            </div>
          </div>

        </div>
        
        
           
           
         <div class=" col-xs-12 col-sm-6 col-md-4 col-lg-3">

          <div class="card CustomCard">
            <div class="Icon"><a href="#" target="_blank" class="InnerIcon"><img src="assets/images/iflexmoney_logo.svg"></a></div>
            <div class="card-body text-center">
              <h5 class="card-title Heading5">iFlexDelivery</h5>
              <p class="card-text MyText">Last miles delivery services.</p>
              <button class="Card_Button" >Coming Soon</button>
            </div>
          </div>

        </div>





        <div class=" col-xs-12 col-sm-6 col-md-4 col-lg-3">

          <div class="card CustomCard">
            <div class="Icon"><a href="#" target="_blank" class="InnerIcon"><img src="assets/images/iflexmoney_logo.svg"></a></div>
            <div class="card-body text-center">
              <h5 class="card-title Heading5">iFlexPharma</h5>
              <p class="card-text MyText">Online Medicine Marketplace.</p>
              <button class="Card_Button" >Coming Soon</button>
            </div>
          </div>

        </div>
        
        
        
        
        
        <div class=" col-xs-12 col-sm-6 col-md-4 col-lg-3">

          <div class="card CustomCard">
            <div class="Icon"><a href="#" target="_blank" class="InnerIcon"><img src="assets/images/iflexmoney_logo.svg"></a></div>
            <div class="card-body text-center">
              <h5 class="card-title Heading5">iFlexViva</h5>
              <p class="card-text MyText">Bills and Insurance Services.</p>
              <button class="Card_Button" >Coming Soon</button>
            </div>
          </div>

        </div>
        
        
        
        
        <!--  <div class=" col-xs-12 col-sm-6 col-md-4 col-lg-3">-->

        <!--  <div class="card CustomCard">-->
        <!--    <div class="Icon"><a href="#" target="_blank" class="InnerIcon"><img src="assets/images/iflexmoney_logo.svg"></a></div>-->
        <!--    <div class="card-body text-center">-->
        <!--      <h5 class="card-title Heading5">iFlexShop</h5>-->
        <!--      <p class="card-text MyText">A quick brown fox jumps over a lazy dog.</p>-->
        <!--      <button class="Card_Button" >Coming Soon</button>-->
        <!--    </div>-->
        <!--  </div>-->

        <!--</div>-->



<div class="col-md-12 mt-5 mb-3 d-flex justify-content-center">
    <h3><span>iFlex Extra Services</span>   </h3>
</div>





    <div class=" col-xs-12 col-sm-3">

          <div class="card CustomCard1" style="min-height:250px">               
              
            <div class="d-flex flex-column p-3">
             <h5 class="card-title Heading5 text-center">
                 <span style="border-bottom:1px solid #ED1C24">Store for me</span>
                 </h5>
             
              <p class="card-text MyText text-center pb-0">Make a list, groceries, clothing</p>
             <p class="card-text MyText text-center pb-0">household items, gift packages</p>
                            
             <p class="card-text MyText text-center pb-0">whatever you need we got you.</p>
              <button class="Card_Button Card_Button1 mt-0 ms-2">Coming Soon</button>
            </div>
                          
          </div>

        </div>
        
        
         <div class="col-xs-12 col-sm-3">

          <div class="card CustomCard1" style="min-height:250px">               
              
            <div class="d-flex flex-column p-3">
             <h5 class="card-title Heading5 text-center">
                 <span style="border-bottom:1px solid #ED1C24">Shop for me</span>
                 </h5>
              <p class="card-text MyText text-center" style="line-height:2.2">Packages from multiple shops can be consolidated and ship to you as one package.</p>
              <button class="Card_Button Card_Button1 mt-0 ms-2">Coming Soon</button>
            </div>
                          
          </div>

        </div>
        
        
         <div class="col-xs-12 col-sm-3">

          <div class="card CustomCard1" style="min-height:250px">               
              
            <div class="d-flex flex-column p-3">
             <h5 class="card-title Heading5 text-center"><span style="border-bottom:1px solid #ED1C24">Business Services</span>
             </h5>
              <p class="card-text MyText text-center" style="line-height:2.2" >Unlock new opportunities, products and services, and redefine new ways of working.</p>
              <button class="Card_Button Card_Button1 mt-0 ms-2">Coming Soon</button>
            </div>
                          
          </div>

        </div>


    <div class="col-xs-12 col-sm-3">

          <div class="card CustomCard1" style="min-height:250px">               
              
            <div class="d-flex flex-column p-3">
             <h5 class="card-title Heading5 text-center"> <span style="border-bottom:1px solid #ED1C24">Developer Services</span> </h5>
              <p class="card-text MyText text-center" style="line-height:2.2">Tools to build, Connect and Develop apps for Android, iOS, Mac, Windows, web, and cloud.</p>
              <button class="Card_Button Card_Button1 mt-0 ms-2">Coming Soon</button>
            </div>
                          
          </div>

        </div>


      <!--  <div class=" col-xs-12 col-sm-6 col-md-4 col-lg-3">-->

      <!--    <div class="card CustomCard">-->
      <!--      <div class="Icon"><a href="#" class="InnerIcon"><i class="fas fa-lemon"></i></a></div>-->
      <!--      <div class="card-body text-center">-->
      <!--        <h5 class="card-title Heading5">Lectus Interdum Urna</h5>-->
      <!--        <p class="card-text MyText">Mollis ut curabitur varius nibh nec-->
      <!--          dolor volutpat </p>-->
      <!--        <button class="Card_Button">VISIT<i class="fas fa-chevron-right cardbutton"-->
      <!--            ></i></button>-->
      <!--      </div>-->
      <!--    </div>-->

      <!--  </div>-->
      <!--  <div class=" col-xs-12 col-sm-6 col-md-4 col-lg-3">-->


      <!--    <div class="card CustomCard">-->
      <!--      <div class="Icon"><a href="#" class="InnerIcon"><i class="fas fa-street-view"></i></a></div>-->
      <!--      <div class="card-body text-center">-->
      <!--        <h5 class="card-title Heading5">Nibh Justo Nunc Varius</h5>-->
      <!--        <p class="card-text MyText">Ex nec iaculis phasellus ultricies-->
      <!--          nisi a elit </p>-->
      <!--        <button class="Card_Button">VISIT<i class="fas fa-chevron-right cardbutton"-->
      <!--            ></i></button>-->
      <!--      </div>-->
      <!--    </div>-->

      <!--  </div>-->
      <!--  <div class=" col-xs-12 col-sm-6 col-md-4 col-lg-3">-->

      <!--    <div class="card CustomCard">-->
      <!--      <div class="Icon"><a href="#" class="InnerIcon"><i class="fas fa-volleyball-ball"></i></a></div>-->
      <!--      <div class="card-body text-center">-->
      <!--        <h5 class="card-title Heading5">Neque Pretium Nunc</h5>-->
      <!--        <p class="card-text MyText">Ad litora torquent per conubia-->
      <!--          nostra per </p>-->
      <!--        <button class="Card_Button">VISIT<i class="fas fa-chevron-right cardbutton"-->
      <!--            ></i></button>-->
      <!--      </div>-->
      <!--    </div>-->

      <!--  </div>-->
      <!--  <div class=" col-xs-12 col-sm-6 col-md-4 col-lg-3">-->

      <!--    <div class="card CustomCard">-->
      <!--      <div class="Icon"><a href="#" class="InnerIcon"><i class="fas fa-volleyball-ball"></i></a></div>-->
      <!--      <div class="card-body text-center">-->
      <!--        <h5 class="card-title Heading5">Neque Pretium Nunc</h5>-->
      <!--        <p class="card-text MyText">Ad litora torquent per conubia-->
      <!--          nostra per </p>-->
      <!--        <button class="Card_Button">VISIT<i class="fas fa-chevron-right cardbutton"-->
      <!--            ></i></button>-->
      <!--      </div>-->
      <!--    </div>-->

      <!--  </div>-->
      <!--  <div class=" col-xs-12 col-sm-6 col-md-4 col-lg-3">-->

      <!--    <div class="card CustomCard">-->
      <!--      <div class="Icon"><a href="#" class="InnerIcon"><i class="fas fa-volleyball-ball"></i></a></div>-->
      <!--      <div class="card-body text-center">-->
      <!--        <h5 class="card-title Heading5">Neque Pretium Nunc</h5>-->
      <!--        <p class="card-text MyText">Ad litora torquent per conubia-->
      <!--          nostra per </p>-->
      <!--        <button class="Card_Button">VISIT<i class="fas fa-chevron-right cardbutton"-->
      <!--            ></i></button>-->
      <!--      </div>-->
      <!--    </div>-->

      <!--  </div>-->
      <!--</div>-->

    </div>


  </div>

@endsection