<div class="trunk">
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>

    @if(Sentinel::check())
        <div class="card-body">
            <div class="row sg">
                <div class="col-md-3 col-xs-3 col-sm-1">
                    @if(Sentinel::check()->avatar == '')
                        @if(Sentinel::check()->fb_login == 1)
                            <img src="https://graph.facebook.com/v2.6/{{ Sentinel::check()->fb_id }}/picture?type=normal" class="avatar img-circle img-thumbnail">
                        @else
                            <img src="{{ StaticAsset('assets/frontend/img/member/avatar-fallback.png') }}" alt="{{ (Sentinel::check()->first_name) != '' ? Sentinel::check()->first_name : Sentinel::check()->msisdn }}" class="avatar img-circle img-thumbnail">
                        @endif

                    @else
                        <img src="{{ avatar_storage(Sentinel::check()->avatar) }}" alt="{{ (Sentinel::check()->first_name) != '' ? Sentinel::check()->first_name : Sentinel::check()->msisdn }}" class="img-circle avatar">
                    @endif
                </div>
                <div class="col-md-9 col-xs-9 col-sm-11">
                    <div class="mt-2">
                        <strong>{{ (Sentinel::check()->first_name) != '' ? Sentinel::check()->first_name : Sentinel::check()->msisdn }} </strong>
                    </div>
                    <div class="clearfix mt-1"></div>

                    {{-- Koin --}}
                    <img src="{{ asset('assets/frontend/img/tukarpoin/koin.png') }}" alt="" width="16" height="16" class="mr-1">
                    <span class="text-gray text-medium">{{nomor_cantik($home_balance[0]->sisa)}} Koin</span>

                    {{-- Poin --}}
                    <img src="{{ asset('assets/frontend/img/tukarpoin/poin.png') }}" alt="" width="16" height="16" class="mr-1 ml-2">
                    <span class="text-gray text-medium">{{$home_point[0]->point}} Poin</span>
                </div>
                <?php /*
                <div class="col-md-12  mt-3 col-sm-12 show-for-large">
                    <div>
                        <img src="{{ asset('assets/frontend/img/tukarpoin/koin.png') }}" alt="" width="20" height="20" class="mr-2">
                        <span class="text-gray text-medium">{{nomor_cantik($home_balance[0]->sisa)}} Koin</span>
                    </div>
                    <div class="mt-3">
                        <img src="{{ asset('assets/frontend/img/tukarpoin/poin.png') }}" alt="" width="20" height="20" class="mr-2">
                        <span class="text-gray text-medium">{{$home_point[0]->point}} Poin</span>
                    </div>
                </div> */ ?>
            </div>
        </div> <hr class="m-0">
    @endif

    <ul class="m-0 p-0 trunk-menu">
        @if(! Sentinel::check())
            <li>
                <a href="{{ url('member/signin') }}" class="text-success">Login / Register</a>
            </li>
        @else
            <li><a href="{{ url('member/pengaturan') }}">Pengaturan</a></li>
            <li><a href="{{ url('member/barang_yang_didapat') }}?notif=trx"">Barang Yang Didapatkan</a> <span class="label label-pill label-danger pull-right">@if(isset($notification_redeem) && count($notification_redeem) > 0){{ count($notification_redeem) }} @else 0 @endif</span></li>

            <li><a href="{{ url('member/status_barang_incaran') }}?notif=trx">Barang Incaran</a>
            <span class="label label-pill label-danger pull-right">@if(isset($incaran) && count($incaran) > 0){{ count($incaran) }} @else 0 @endif</span></li>
        @endif

        <li class="{{setCurrent(['/'])}}">
            <a href="{{ url('/') }}">Playworld Home</a>
        </li>

        <li class="{{setCurrent(['playunik*', 'playgoool*', 'piknik*', 'news*'])}}">
            <a href="#" data-target="mm-artikel" class="globalToggler">
                Artikel
                <i class="fa fa-chevron-down"></i>
            </a>
            <ul id="mm-artikel" class="hdr2-tb-menu">
                <li data-target="unik">
                    <a href="{{ url('/playunik') }}" class="pw-mm-trigger">
                        <img src="{{ asset('assets/frontend/img/menu/icon_unik.png') }}" alt="Home" class="nav-icon inject hide-for-large">
                        Unik
                    </a>
                </li>
                <li data-target="goool">
                    <a href="{{ url('playgoool') }}">
                        <img src="{{ asset('assets/frontend/img/menu/icon_goool.png') }}" alt="Home" class="nav-icon inject hide-for-large">
                        Goool
                    </a>
                </li>
                <li data-target="goool">
                    <a href="{{ url('piknik') }}">
                        <img src="{{ asset('assets/frontend/img/menu/icon_piknik.png') }}" alt="Home" class="nav-icon inject hide-for-large">
                        Piknik
                    </a>
                </li>
                <li><a href="#">&nbsp;</a></li>
            </ul> <!-- //end .hdr2-topbar-menu -->
        </li>

        <li class="{{setCurrent(['tukarpoin*', 'toppoin*'])}}">
            <a href="#" data-target="mm-tukarpoin" class="globalToggler">
                Tukar Poin
                <i class="fa fa-chevron-down"></i>
            </a>
            <ul  id="mm-tukarpoin" class="hdr2-tb-menu">
                <li data-target="unik">
                    <a href="{{ url('tukarpoin') }}" class="pw-mm-trigger">
                        <img src="{{ asset('assets/frontend/img/menu/icon_toko.png') }}" alt="Home" class="nav-icon inject hide-for-large">
                        Toko
                    </a>
                </li>
                <li data-target="goool">
                    <a href="{{ url('toppoin') }}">
                        <img src="{{ asset('assets/frontend/img/menu/icon_topchart.png') }}" alt="Home" class="nav-icon inject hide-for-large">
                        Top Poin
                    </a>
                </li>
            </ul> <!-- //end .hdr2-topbar-menu -->
        </li>

        <li class="{{setCurrent(['member/beli_dengan_pulsa','member/status_transfer','member/history_penggunaan_koin','member/histori_penggunaan_poin'])}}">
            <a href="#" data-target="mm-kopo" class="globalToggler">
                Koin &amp; Poin
                <i class="fa fa-chevron-down"></i>
            </a>

            <ul id="mm-kopo" class="trunk-menu-inherit p-0">
                 <li><a href="{{ url('member/beli_dengan_pulsa') }}">Beli Koin</a></li>
                 <li><a href="{{ url('member/status_transfer') }}">Status Pembelian Koin</a></li>
                 <li><a href="{{ url('member/history_penggunaan_koin') }}">Mutasi Koin</a></li>
                 <li><a href="{{ url('member/histori_penggunaan_poin') }}">Mutasi Poin</a></li>
            </ul>
        </li>

        <li class="{{setCurrent('bantuan*')}}">
            <a href="{{ url('bantuan') }}/1/tentang-playworld">
                Bantuan
            </a>
        </li>

        @if(Sentinel::check())
            <li>
                <a href="{{ url('member/logout') }}" class="text-red">Logout</a>
            </li>
        @endif
    </ul>
</div>