@extends('layouts.dashboard.main')

@section('title')
    Detail Member
@endsection

@section('content')
    <div class="nk-content nk-content-fluid">
        <div class="container-xl wide-xl">
            <div class="nk-content-body">
                <div class="nk-block-head nk-block-head-sm">
                    <div class="nk-block-between g-3">
                        <div class="nk-block-head-content">
                            <a href="{{ route('pages.member.index') }}"
                                class="btn btn-outline-light bg-white d-none d-sm-inline-flex"><em
                                    class="icon ni ni-arrow-left"></em><span>Kembali</span></a>
                            <a href="{{ route('pages.member.index') }}"
                                class="btn btn-icon btn-outline-light bg-white d-inline-flex d-sm-none"><em
                                    class="icon ni ni-arrow-left"></em></a>
                        </div>
                    </div>
                </div>
                <div class="nk-block">
                    <div class="row g-gs">
                        <div class="col-xl-4">
                            <div class="card">
                                <div class="card-inner-group">
                                    <div class="card-inner">
                                        <div class="user-card user-card-s2">
                                            <div class="user-avatar lg bg-primary">
                                                <span>FM</span>
                                            </div>
                                            <div class="user-info">
                                                <h5>Francis Mitcham</h5>
                                                <span class="sub-text">info@softnio.com</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-inner card-inner-sm">
                                        <ul class="btn-toolbar justify-center gx-1">
                                            <li><a href="#" class="btn btn-trigger btn-icon text-danger"><em
                                                        class="icon ni ni-na"></em></a></li>
                                        </ul>
                                    </div>
                                    <div class="card-inner">
                                        <h6 class="overline-title mb-2">Detail</h6>
                                        <div class="row g-3">
                                            <div class="col-sm-6 col-md-4 col-xl-12">
                                                <span class="sub-text">User ID:</span>
                                                <span>UD003054</span>
                                            </div>
                                            <div class="col-sm-6 col-md-4 col-xl-12">
                                                <span class="sub-text">Email:</span>
                                                <span>billing@softnio.com</span>
                                            </div>
                                            <div class="col-sm-6 col-md-4 col-xl-12">
                                                <span class="sub-text">Alamat:</span>
                                                <span>551 Swanston Street, Melbourne Victoria 3053 Australia</span>
                                            </div>
                                            <div class="col-sm-6 col-md-4 col-xl-12">
                                                <span class="sub-text">Terakhir Login:</span>
                                                <span>15 Feb, 2019 01:02 PM</span>
                                            </div>
                                            <div class="col-sm-6 col-md-4 col-xl-12">
                                                <span class="sub-text">Status:</span>
                                                <span class="lead-text text-success">Approved</span>
                                            </div>
                                            <div class="col-sm-6 col-md-4 col-xl-12">
                                                <span class="sub-text">Tanggal Daftar:</span>
                                                <span>Nov 24, 2019</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-8">
                            <div class="card">
                                <div class="card-inner">
                                    <div class="nk-block">
                                        <h6 class="lead-text mb-3">Transaksi Terbaru</h6>
                                        <div class="nk-tb-list nk-tb-ulist is-compact card">
                                            <div class="nk-tb-item nk-tb-head">
                                                <div class="nk-tb-col">
                                                    <span class="sub-text">Kode Transaksi</span>
                                                </div>
                                                <div class="nk-tb-col tb-col-sm">
                                                    <span class="sub-text">Transaksi</span>
                                                </div>
                                                <div class="nk-tb-col tb-col-xxl">
                                                    <span class="sub-text">Total</span>
                                                </div>
                                                <div class="nk-tb-col">
                                                    <span class="sub-text">Status</span>
                                                </div>
                                                <div class="nk-tb-col">
                                                    <span class="sub-text">Tanggal</span>
                                                </div>
                                            </div>
                                            <div class="nk-tb-item">
                                                <div class="nk-tb-col">
                                                    <a href="#"><span class="fw-bold">CRUSDT52JG73</span></a>
                                                </div>
                                                <div class="nk-tb-col tb-col-sm">
                                                    <span class="tb-lead-sub fw-bold">USDT</span>
                                                    <span class="badge badge-dot bg-success">Jual</span>
                                                </div>
                                                <div class="nk-tb-col tb-col-xxl">
                                                    <span class="amount">1000</span>
                                                </div>
                                                <div class="nk-tb-col">
                                                    <span class="lead-text text-warning">Menunggu Pembayaran</span>
                                                </div>
                                                <div class="nk-tb-col">
                                                    <span class="sub-text">12 Nov, 2020</span>
                                                </div>
                                            </div>
                                            <div class="nk-tb-item">
                                                <div class="nk-tb-col">
                                                    <a href="#"><span class="fw-bold">CRUSDT52JG73</span></a>
                                                </div>
                                                <div class="nk-tb-col tb-col-sm">
                                                    <span class="tb-lead-sub fw-bold">IDR</span>
                                                    <span class="badge badge-dot bg-warning">Beli</span>
                                                </div>
                                                <div class="nk-tb-col tb-col-xxl">
                                                    <span class="amount">15,732,331.93</span>
                                                </div>
                                                <div class="nk-tb-col">
                                                    <span class="lead-text text-success">Selesai</span>
                                                </div>
                                                <div class="nk-tb-col">
                                                    <span class="sub-text">12 Nov, 2020</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="nk-block">
                                        <h6 class="lead-text mb-3">Rekening</h6>
                                        <div class="row g-3">
                                            <div class="col-12 col-lg-6 col-xl-12">
                                                <div class="card">
                                                    <div class="card-inner">
                                                        <div class="d-flex align-items-center justify-content-between">
                                                            <div class="d-flex align-items-center">
                                                                <div class="icon-circle icon-circle-lg">
                                                                    <em class="icon ni ni-visa"></em>
                                                                </div>
                                                                <div class="ms-3">
                                                                    <h6 class="lead-text">USDT <span
                                                                            class="text-soft ml-1">**** 1cde4</span></h6>
                                                                    <span class="sub-text">Expires Nov 2023</span>
                                                                </div>
                                                            </div>
                                                            <ul class="btn-toolbar justify-center gx-1 me-n1 flex-nowrap">
                                                                <li><a href="#" class="btn btn-trigger btn-icon"><em
                                                                            class="icon ni ni-edit"></em></a></li>
                                                                <li><a href="#" class="btn btn-trigger btn-icon"><em
                                                                            class="icon ni ni-trash"></em></a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-12 col-lg-6 col-xl-12">
                                                <div class="card">
                                                    <div class="card-inner">
                                                        <div class="d-flex align-items-center justify-content-between">
                                                            <div class="d-flex align-items-center">
                                                                <div class="icon-circle icon-circle-lg bg-indigo">
                                                                    <em class="icon ni ni-american-express"></em>
                                                                </div>
                                                                <div class="ms-3">
                                                                    <h6 class="lead-text">USDT <span
                                                                            class="text-soft ml-1">**** dt432</span></h6>
                                                                    <span class="sub-text">Expires Feb 2024</span>
                                                                </div>
                                                            </div>
                                                            <ul class="btn-toolbar justify-center gx-1 me-n1 flex-nowrap">
                                                                <li><a href="#" class="btn btn-trigger btn-icon"><em
                                                                            class="icon ni ni-edit"></em></a></li>
                                                                <li><a href="#" class="btn btn-trigger btn-icon"><em
                                                                            class="icon ni ni-trash"></em></a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-12 col-lg-6 col-xl-12">
                                                <div class="card">
                                                    <div class="card-inner">
                                                        <div class="d-flex align-items-center justify-content-between">
                                                            <div class="d-flex align-items-center">
                                                                <div class="icon-circle icon-circle-lg bg-orange">
                                                                    <em class="icon ni ni-mc"></em>
                                                                </div>
                                                                <div class="ms-3">
                                                                    <h6 class="lead-text">BCA <span
                                                                            class="text-soft ml-1">**** 9478</span></h6>
                                                                    <span class="sub-text text-danger">Expired</span>
                                                                </div>
                                                            </div>
                                                            <ul class="btn-toolbar justify-center gx-1 me-n1 flex-nowrap">
                                                                <li><a href="#" class="btn btn-trigger btn-icon"><em
                                                                            class="icon ni ni-edit"></em></a></li>
                                                                <li><a href="#" class="btn btn-trigger btn-icon"><em
                                                                            class="icon ni ni-trash"></em></a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-12 col-lg-6 col-xl-12">
                                                <button
                                                    class="h-100 w-100 bg-white border border-dashed round-xl p-4 d-flex align-items-center justify-content-center"
                                                    data-bs-toggle="modal" data-bs-target="#add-card">
                                                    <span class="text-soft">Tambah Rekening</span>
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection