@extends('client.layouts.client')
@section('title', 'Tiếp thị liên kết')
@section('content')

<div class="row">
        <div class="col-md-12 mb-3 ">
            <div class="row">
                <div class="col-md-6  mb-3 col-xxl-4">
                    <div class="card shadow border bg-gradient-start-1 h-100">
                        <div class="card-body p-20">
                            <div class="d-flex flex-wrap align-items-center justify-content-between gap-3">
                                <div>
                                    <p class="fw-medium text-primary-light mb-1">Đăng ký mới</p>
                                    <h6 class="mb-0">
                                        {{number_format($count)}}
                                    </h6>
                                </div>
                                <div class="w-50-px h-50-px bg-purple rounded-circle d-flex justify-content-center align-items-center">
                                    <iconify-icon icon="flowbite:chart-outline" class="text-white text-2xl mb-0"></iconify-icon>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="col-md-6  mb-3 col-xxl-4">
                    <div class="card shadow border bg-gradient-start-3 h-100">
                        <div class="card-body p-20">
                            <div class="d-flex flex-wrap align-items-center justify-content-between gap-3">
                                <div>
                                    <p class="fw-medium text-primary-light mb-1">Hoa Hồng Đã Rút</p>
                                    <h6 class="mb-0">
                                        {{$totalWithdraw_ref}}đ
                                    </h6>
                                </div>
                                <div class="w-50-px h-50-px bg-success rounded-circle d-flex justify-content-center align-items-center">
                                    <iconify-icon icon="fluent:money-16-regular" class="text-white text-2xl mb-0"></iconify-icon>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6  mb-3 col-xxl-4">
                    <div class="card shadow border bg-gradient-start-4 h-100">
                        <div class="card-body p-20">
                            <div class="d-flex flex-wrap align-items-center justify-content-between gap-3">
                                <div>
                                    <p class="fw-medium text-primary-light mb-1">Hoa hồng khả dụng</p>
                                    <h6 class="mb-0">
                                        {{number_format(Auth::user()->referral_money)}}đ
                                    </h6>
                                </div>
                                <div class="w-50-px h-50-px bg-danger rounded-circle d-flex justify-content-center align-items-center">
                                    <iconify-icon icon="solar:money-bag-linear" class="text-white text-2xl mb-0"></iconify-icon>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-6 mb-3">
            <div class="card shadow">
                <div class="card-body">
                    <h4 class="card-title mb-3 d-flex align-items-center gap-1"><iconify-icon icon="ep:warning-filled"></iconify-icon> Điều kiện tham gia</h4>
                    <p><strong>I. Chính Sách</strong><br>
▪︎ Chia sẻ liên kết của bạn lên mạng xã hội hoặc bạn bè.<br>
▪︎ Đảm bảo mỗi tháng giới thiệu được ít nhất 5 thành viên.<br>
▪︎ Bạn có thể rút tiền về ngân hàng, momo, tài khoản web.<br>
▪︎ Hoa hồng cần có ít nhất 100.000đ mới đủ điều kiện rút tiền.<br>
<strong>II. Điều Khoản</strong><br>
▪︎ Nghiêm cấm tất cả các hành vi gian lận, hack, phá hoại hệ thống.<br>
▪︎ Không được lạm dụng quyền hạn hệ thống đi lừa đảo người khác.<br>
▪︎ Nếu phát hiện sẽ tiến hành khóa tài khoản và trừ hết số tiền tích lũy.</p>

                </div>
            </div>
        </div>
        <div class="col-md-6 mb-3">
            <div class="card shadow mb-3">
                <div class="card-body">
                    <h4 class="card-title mb-3  d-flex align-items-center gap-1"> <iconify-icon icon="material-symbols:link"></iconify-icon> Link giới thiệu của bạn</h4>
                    <form action="">
                        <div class="form-group mb-3">
                            <label for="link_affi" class="form-label">Link đăng kí</label>
                            <div class="input-group">
                                <input type="text" class="form-control" id="link_affi" value="https://{{getDomain()}}/ref/{{Auth::user()->id}}" readonly="">
                                <button class="btn btn-primary" type="button" onclick="coppy('https://{{getDomain()}}/ref/{{Auth::user()->id}}');">
                                    <iconify-icon icon="tabler:copy"></iconify-icon>
                                </button>
                            </div>
                        </div>
                    </form>
                    <ul class="px-3" style="list-style-type: circle;">
                        <li>Bạn dùng link này gửi cho những khách hàng khác và hướng dẫn họ đăng ký.</li>
                        <li class="list-group list-group-flush">
                            <b class="text-danger">Lưu ý:</b>
                        </li>
                        <li>Hoa hồng sẽ được cộng khi khách hàng nạp tiền.</li>
                        <li>Hoa hồng sẽ duy trì trọn đời.</li>
                        <li>Hoa hồng giới thiệu: <span class="text-danger fw-bold">5%</span></li>
                    </ul>
                </div>
            </div>
            <div class="card shadow mb-3">
                <div class="card-body">
                    <h4 class="card-title">Rút tiền</h4>
                    <form action="{{ route('withdraw.create') }}" method="POST">
                        @csrf
                        <div class="mb-5">
                            <div class="text-danger fw-bold">
                                <i>
                                Số tiền có thể rút: từ
                                <span class="text-primary">{{number_format(siteValue('min_withdraw_ref'))}} ₫</span> đến <span class="text-success">{{number_format(siteValue('max_withdraw_ref'))}} ₫</span>
                                <p class="text-danger">Số dư có thể rút của bạn là: <span class="text-warning">{{ number_format(Auth::user()->referral_money ?? 0) ?: '0đ' }}</span></p>
                                </i>
                            </div>
                        </div>
                        <div class="mb-3">
                            <label for="amount" class="form-label">Số Tiền Rút</label>
                            <input type="number" class="form-control" id="amount" name="amount" value="{{ old('amount') }}" placeholder="Nhập số tiền muốn rút...">
                        </div>
                        <div class="mb-3">
                            <label for="bank_name" class="form-label">Ngân Hàng</label>
                            <select name="bank_name" id="bank_name" class="form-control">
                                <option value="">Chọn Ngân Hàng</option>
                                <option value="ICB">Ngân hàng CTG - VietinBank</option>
                                <option value="VCB">Ngân hàng VCB - Vietcombank</option>
                                <option value="BIDV">Ngân hàng BIDV - BIDV</option>
                                <option value="VBA">Ngân hàng VBA - Agribank</option>
                                <option value="OCB">Ngân hàng OCB - OCB</option>
                                <option value="MB">Ngân hàng MB - MBBank</option>
                                <option value="TCB">Ngân hàng TCB - Techcombank</option>
                                <option value="ACB">Ngân hàng ACB - ACB</option>
                                <option value="VPB">Ngân hàng VPB - VPBank</option>
                                <option value="TPB">Ngân hàng TPB - TPBank</option>
                                <option value="STB">Ngân hàng STB - Sacombank</option>
                                <option value="HDB">Ngân hàng HDB - HDBank</option>
                                <option value="VCCB">Ngân hàng VCCB - VietCapitalBank</option>
                                <option value="SCB">Ngân hàng SCB - SCB</option>
                                <option value="VIB">Ngân hàng VIB - VIB</option>
                                <option value="SHB">Ngân hàng SHB - SHB</option>
                                <option value="EIB">Ngân hàng EIB - Eximbank</option>
                                <option value="MSB">Ngân hàng MSB - MSB</option>
                                <option value="CAKE">Ngân hàng CAKE - CAKE</option>
                                <option value="Ubank">Ngân hàng Ubank - Ubank</option>
                                <option value="VTLMONEY">Ngân hàng VTLMONEY - ViettelMoney</option>
                                <option value="VNPTMONEY">Ngân hàng VNPTMONEY - VNPTMoney</option>
                                <option value="SGICB">Ngân hàng SGICB - SaigonBank</option>
                                <option value="BAB">Ngân hàng BAB - BacABank</option>
                                <option value="PVCB">Ngân hàng PVCB - PVcomBank</option>
                                <option value="Oceanbank">Ngân hàng Oceanbank - Oceanbank</option>
                                <option value="NCB">Ngân hàng NCB - NCB</option>
                                <option value="SHBVN">Ngân hàng SHBVN - ShinhanBank</option>
                                <option value="ABB">Ngân hàng ABB - ABBANK</option>
                                <option value="VAB">Ngân hàng VAB - VietABank</option>
                                <option value="NAB">Ngân hàng NAB - NamABank</option>
                                <option value="PGB">Ngân hàng PGB - PGBank</option>
                                <option value="VIETBANK">Ngân hàng VIETBANK - VietBank</option>
                                <option value="BVB">Ngân hàng BVB - BaoVietBank</option>
                                <option value="SEAB">Ngân hàng SEAB - SeABank</option>
                                <option value="COOPBANK">Ngân hàng COOPBANK - COOPBANK</option>
                                <option value="LPB">Ngân hàng LPB - LienVietPostBank</option>
                                <option value="KLB">Ngân hàng KLB - KienLongBank</option>
                                <option value="KBank">Ngân hàng KBank - KBank</option>
                                <option value="VRB">Ngân hàng VRB - VRB</option>
                                <option value="SCVN">Ngân hàng SCVN - StandardChartered</option>
                                <option value="NHB HN">Ngân hàng NHB HN - Nonghyup</option>
                                <option value="IVB">Ngân hàng IVB - IndovinaBank</option>
                                <option value="IBK - HCM">Ngân hàng IBK - HCM - IBKHCM</option>
                                <option value="KBHCM">Ngân hàng KBHCM - KookminHCM</option>
                                <option value="KBHN">Ngân hàng KBHN - KookminHN</option>
                                <option value="WVN">Ngân hàng WVN - Woori</option>
                                <option value="HSBC">Ngân hàng HSBC - HSBC</option>
                                <option value="CBB">Ngân hàng CBB - CBBank</option>
                                <option value="IBK - HN">Ngân hàng IBK - HN - IBKHN</option>
                                <option value="CIMB">Ngân hàng CIMB - CIMB</option>
                                <option value="DBS">Ngân hàng DBS - DBSBank</option>
                                <option value="DOB">Ngân hàng DOB - DongABank</option>
                                <option value="GPB">Ngân hàng GPB - GPBank</option>
                                <option value="PBVN">Ngân hàng PBVN - PublicBank</option>
                                <option value="UOB">Ngân hàng UOB - UnitedOverseas</option>
                                <option value="HLBVN">Ngân hàng HLBVN - HongLeong</option>
                            </select>
                        </div>
                        <div class="row mb-3">
                            <div class="col-md-6 mb-3">
                                <label for="account_number" class="form-label">Số Tài Khoản</label>
                                <input type="text" class="form-control" id="account_number" name="account_number" value="{{ old('account_number') }}" placeholder="Nhập số tài khoản">
                            </div>
                            <div class="col-md-6 mb-3">
                                <label for="account_name" class="form-label">Chủ Tài Khoản</label>
                                <input type="text" class="form-control" id="account_name" name="account_name" value="{{ old('account_name') }}" placeholder="Nhập tên chủ tài khoản">
                            </div>
                        </div>
                        <div class="mb-3">
                            <button class="btn btn-primary w-100" type="submit">Rút Tiền Ngay</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        
    </div>
     
  
<div class="row col-md-12">
<div class="col-md-5">
    <div class="card">
        <div class="card-header">
            <div class="card-title">KHÁCH HÀNG ĐÃ ĐƯỢC GIỚI THIỆU</div>
        </div>
        <div class="card-body">
            <div class="dt table-responsive">
                <table id="data-table" class="table table-striped table-bordered nowrap">
                    <thead>
                        <tr>
                            <th class="text-center">STT</th>
                            <th class="text-center">Khách hàng</th>
                            <th class="text-center">Ngày đăng ký</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($affiliates as $affiliate)
                        <tr>
                            <td class="text-center">{{ $affiliate->id }}</td>
                            <td class="text-center">{{$affiliate->username }}</td>
                            <td class="text-center">{{ $affiliate->created_at}}</td>
                        </tr>
                        @endforeach
                        @if ($affiliates->isEmpty())
                            @include('admin.components.table-search-not-found', ['colspan' => 12])
                        @endif
                    </tbody>
                </table>
                <div class="d-flex justify-content-center align-items-center mt-1">
                    {{ $affiliates->appends(request()->all())->links('pagination::bootstrap-4') }}
                </div>
            </div>
        </div>
    </div>
</div>
<div class="col-md-7">
        <div class="card">
            <div class="card-header">
                <div class="card-title">LỊCH SỬ RÚT HOA HỒNG</div>
            </div>
            <div class="card-body">
                <div class="dt-responsive table-responsive">
                    <table class="table table-striped table-bordered nowrap">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>Số Tiền</th>
                                <th>Ngân Hàng</th>
                                <th>Tài Khoản</th>
                                <th>Chủ Tài Khoản</th>
                                <th>Trạng Thái</th>
                                <th>Ngày tạo</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($withdraws as $withdraw)
                                <td>{{ $withdraw->id }}</td>
                                <td>{{ number_format($withdraw->amount) }} ₫</td>
                                <td>{{ $withdraw->bank_name }}</td>
                                <td>{{ $withdraw->account_number }}</td>
                                <td>{{ $withdraw->account_name }}</td>
                                <td>
                                    @if ($withdraw->status == 'pending')
                                        <span class="badge bg-warning">Chờ xử lý</span>
                                    @elseif($withdraw->status == 'success')
                                        <span class="badge bg-success">Thành công</span>
                                    @endif
                                </td>
                                <td>{{ $withdraw->created_at }}</td>
                            </tr>
                            @endforeach
                            @if ($withdraws->isEmpty())
                                @include('admin.components.table-search-not-found', ['colspan' => 12])
                            @endif
                        </tbody>
                    </table>
                    <div class="d-flex justify-content-center align-items-center mt-1">
                        {{ $withdraws->appends(request()->all())->links('pagination::bootstrap-4') }}
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>

@endsection