@extends('layout.desktop.main')
@section('content')
    <main>
        <div class="container">
            @include('layout.desktop.running_text')
            <nav class="app-breadcrumbs app-breadcrumbs--d">
                <ul>
                    <li data-pos="start" class="nav-observer"></li>
                    <li class="nav-item nav-item--home"><a href="/" class="app-link--active" name="Beranda">
                            Beranda
                        </a></li>
                    <li class="nav-item nav-item--fill"><i data-v-0e010622="" class="fas fa-chevron-right fa-xs"></i></li>
                    <li class="nav-item"><a href="/user/bonuses" class="app-link--active" name="Bonus" data-ref="bonus">
                            Bonus
                        </a></li> <!---->
                    <li data-pos="end" class="nav-observer"></li>
                </ul>
            </nav>
            <section data-v-137ca970="" class="bonuses bonuses--d">
                <header data-v-137ca970="" class="page-header"><i class="fas fa-gift fa-lg"></i>
                    <h3 data-v-137ca970="">Bonus</h3>
                </header>
                <header data-v-137ca970="" class="bonuses__header">
                    <nav data-v-137ca970="" class="bonuses__nav">
                        <ul data-v-137ca970="" class="surface">
                            <li data-v-137ca970="" class="bonuses__nav--active"><button data-v-137ca970=""
                                    class="btn btn--primary">
                                    Aktif
                                </button></li>
                            <li data-v-137ca970="" class=""><button data-v-137ca970="" class="btn btn--primary">
                                    Completed
                                </button></li>
                        </ul>
                    </nav>
                </header>
                <div data-v-137ca970="" class="bonuses__content surface"><!---->
                    <div data-v-137ca970="" class="alert alert--info"><i data-v-0e010622=""
                            class="fas fa-info-circle fa-lg"></i>
                        <p>Saat ini belum ada bonus Aktif pada akun anda.</p>
                    </div>
                </div> <!---->
            </section>
        </div>
    </main>
@endsection