@extends('layouts.main')

@section('isDesktop')

<div class="content my01">
  <div class="container-fluid">

    <div class="profile-wrapper" style="background:#1e2146;border-radius:6px;">

      <!-- HEADER -->
      <div style="background:#0c1445;padding:12px 20px;font-size:18px;">
        Profil saya
      </div>

      <!-- TOP INFO -->
      <div class="p-4 d-flex align-items-center justify-content-between">

        <div class="d-flex align-items-center">

          <!-- ICON -->
          <div style="font-size:40px;color:#f7c948;margin-right:20px;">
            <i class="icon-shield"></i>
          </div>

          <!-- STATUS -->
          <div>
            <div>Keamanan Akun: Normal</div>

            <div class="mt-2" style="color:#f7c948;">
              <i class="icon-user mr-2"></i>
              <i class="icon-credit-card mr-2"></i>
              <i class="icon-envelope"></i>
            </div>
          </div>

        </div>

        <div style="font-size:13px;">
          Anda memiliki 0 pesan baru yang belum dibaca dari kami.
        </div>

      </div>

      <!-- TAB MENU -->
      <div style="border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(255,255,255,0.1);padding:10px 20px;">
        <div class="d-flex justify-content-between text-center">

          <a href="#" class="text-white">Detail</a>
          <a href="#" class="text-white">Tukar kata sandi</a>
          <a href="#" class="text-white">Keamanan</a>
          <a href="/refferal" class="text-white">Referral Downline</a>
          <a href="/profile/referral-bonus" class="text-white">Referral Bonus</a>
          <a href="#" class="text-white">Tingkat Anggota</a>

        </div>
      </div>

      <!-- CONTENT -->
      <div class="p-4">

        <div class="row">

          <!-- LEFT -->
          <div class="col-md-6">

            <div class="mb-3">
              Nama pengguna : <strong>{{ Auth::user()->name }}</strong>
            </div>

            <div class="mb-3">
              Tingkat Anggota : 
              <strong>{{ Auth::user()->level ? 'Administrator' : 'New' }}</strong>
            </div>

            <div class="mb-3">
              Nama Sesuai Rekening : 
              <strong>{{ Auth::user()->nama_rek }}</strong>
            </div>

            <div class="mb-3">
              Alamat email :
              <strong>
                {{ substr_replace(Auth::user()->email, str_repeat('*', strlen(Auth::user()->email) - 4), 2, -2) }}
              </strong>
            </div>

          </div>

          <!-- RIGHT -->
          <div class="col-md-6">

            <div class="mb-3">
              Nomor Kontak :
              <strong>
                {{ substr_replace(Auth::user()->telp, str_repeat('*', strlen(Auth::user()->telp) - 4), 2, -2) }}
              </strong>
            </div>

            <div class="mb-3">
              Referral Kode :

              @if(Auth::user()->ref_code)

                <strong>{{ Auth::user()->ref_code }}</strong>

              @else
                <span class="badge badge-danger">Unverified</span>
                <a href="/profile/activate-referral" style="color:#f7c948;">
                  Klik sini untuk mengaktifkan Kode Referal
                </a>
              @endif

            </div>

            <div class="mb-3">
              Pin kedua :

              OFF
              <label class="switch">
                <input type="checkbox">
                <span class="slider round"></span>
              </label>
              ON

            </div>

          </div>

        </div>

      </div>

    </div>

  </div>
</div>

@endsection