@extends('layouts.main')

@section('isMobile')

<style>
.member-level-page {
    width: 100%;
}
.member-level-page table,
.member-level-page tr,
.member-level-page td {
    float: none !important;
    position: static !important;
}
.member-level-page table {
    width: 100% !important;
    border-collapse: collapse;
}
.member-level-page td:first-child {
    width: 60%;
    text-align: left !important;
}
.member-level-page td.text-right {
    width: 40%;
    text-align: right !important;
}
.member-level-page .lbl {
    display: inline-block !important;
    float: none !important;
    position: static !important;
    white-space: nowrap;
}
.member-level-page small {
    display: block;
    margin-top: 6px;
}
</style>

<br><br><br>

<div class="container-fluid member-level-page">
    <div class="row">
        <div class="col-xs-12">
            <div class="bankInfo-box">

                <div class="box-title">
                    Tingkat Anggota
                </div>

                <table class="table table-borderless info-box--001">
                    <tbody>
                        <tr>
                            <td>Nama pengguna</td>
                            <td class="text-right">{{ Auth::user()->name }}</td>
                        </tr>

                        <tr>
                            <td>Tingkat saat ini</td>
                            <td class="text-right">
                                <span class="lbl">Regular member level</span>
                            </td>
                        </tr>

                        <tr>
                            <td>Jumlah Deposit Saat Ini</td>
                            <td class="text-right">
                                <span class="lbl">IDR 0</span>
                            </td>
                        </tr>

                        <tr>
                            <td>Deposit untuk Level Selanjutnya</td>
                            <td class="text-right">
                                <span class="lbl">IDR 20,000,000</span>
                            </td>
                        </tr>

                        <tr>
                            <td>Turnover Saat Ini</td>
                            <td class="text-right">
                                <span class="lbl">IDR 0</span>
                            </td>
                        </tr>

                        <tr>
                            <td>Turnover untuk Level Selanjutnya</td>
                            <td class="text-right">
                                <span class="lbl">IDR 75,000,000</span>
                            </td>
                        </tr>

                        <tr>
                            <td colspan="2">
                                <small class="text-warning">
                                    ** Level akan direset jika tidak memenuhi persyaratan setelah masa kedaluwarsa
                                </small>
                            </td>
                        </tr>

                        <tr>
                            <td colspan="2" class="section-title">
                                Silver member level
                            </td>
                        </tr>

                        <tr>
                            <td>Akumulasi Deposit yang Diperlukan</td>
                            <td class="text-right">
                                <span class="lbl">IDR 20,000,000</span>
                            </td>
                        </tr>

                        <tr>
                            <td>Akumulasi Turnover yang Diperlukan</td>
                            <td class="text-right">
                                <span class="lbl">IDR 75,000,000</span>
                            </td>
                        </tr>

                        <tr>
                            <td colspan="2" class="section-title">
                                Silver Eksklusif
                            </td>
                        </tr>

                        <tr>
                            <td colspan="2">⭐ Tingkat rebate yang lebih tinggi</td>
                        </tr>
                        <tr>
                            <td colspan="2">🎁 Buka Silver tingkat Promosi / Bonus</td>
                        </tr>
                    </tbody>
                </table>

            </div>
        </div>
    </div>
</div>
@endsection
